@font-face {
  font-family: baijxlight;
  src: url(../font/BaiJamjuree-ExtraLight.ttf);
}
@font-face {
  font-family: baijxlbold;
  src: url(../font/BaiJamjuree-Bold.ttf);
}




p { font-family: baijxlight  }

body { font-family: baijxlbold; }


main { 
	text-align: center;  /* 如何让文字左边对齐？ */
	font-size: 30px;     /* 文字大小 */
  	line-height: 90px;   /* 行间距 = 字号14px + 8px */
  	margin: 0;     
  	color: #00000055 ;
}


header {
	  position: fixed;          /* 固定在屏幕，不随滚动 */
	  top: 50%;                 /* 垂直中心 */
	  left: 50%;                /* 水平中心 */
	  transform: translate(-50%, -50%); /* 修正中心点 */
	  text-align: center;       /* header 内文字居中 */
	  background-color: #FFFFFF00; /* 可选：加背景半透明，看得清楚 */
	  padding: 30px 20px;            /* 可选：增加内边距 */
	  white-space: nowrap; 
	  z-index: 1000;            /* 确保在其他内容上方 */
	  border: 0px solid pink;	/* 边框粉色 */
	  border-radius: 20px;      /* 圆角，可自行调节数值 */
	  transition: border-color 1000ms ease, border-width 1000ms ease;
	  text-align: center;  /* 如何让文字左边对齐？ */
	  font-size: 30px;     /* 文字大小 */

	  opacity: 1;                 /* 初始隐藏 */
	  transition: opacity 2.5s ease; /* 渐入动画，1.5秒可调整 */

/*	  &.show {
		  opacity: 1;*/
		  /* 滚到底后显示 */
		/*}*/


		nav {

			& a {
			
				pointer-events: auto;  
				color: #D10034;
		
				text-decoration: none;
				/*border-bottom: 1px solid black;*/
				padding: 0px;
				transition: all 1000ms ease;

				/*&.off { pointer-events: none;  }*/


				&.inactif { pointer-events: none; }

				&.invisible { color: #D1003400; }

	/*			&.animated {
					animation-name: animTexte1;
  				animation-duration: 4s;
				}*/
			/*	&.dessus {
					color: #D1003400;
				}*/


			} 

			
		}
/*
		&:hover nav a {
		 	 color: #D1003400*/
		 	 /* 确保链接文字也变白 */
		/*}*/





}


/* The animation code */
/*@keyframes animTexte1 {
  from {color: yellow;}
  to {color: green;}
}*/





/*

body { margin:0; }


h1 { font-size: 48px; }
h1,h2,h4,ul { color:red; }


main { border: 0px solid pink; width:80%; max-width: 800px; margin: 64px auto 32px auto  }

header {
	position: fixed;
	left:0px; right: 0px; top: 0px;
	border: 1px solid pink;
	background-color: #FFFFFFEE;
	padding: 16px;
}

nav { display:flex; justify-content:center }
nav a {
	color: black; text-decoration: none;
	border:0px solid black;
	padding: 12px;
	transition: all 500ms ease;
}
nav a:hover { background-color:black; color:white  }


*/


/*
0123456789ABCDEF

R 0-255
G 0-255
B 0-255

rgb(0,0,0)
rgb(255,255,255)

#000000
#FF0000
*/