*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  background-color: var(--BgColor);
  overflow-x: hidden;
}

body::-webkit-scrollbar-track
{
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 10px; 
	background-color: transparent;
}
body::-webkit-scrollbar
{
	width: 12px;
	background-color: rgba(255, 191, 29, 0);
  border-radius: 10px; 
}

body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: var(--newBgColor);
}

:root{
  --BgColor: #FFFFB9; /*#f8f8eb;*/
  --newBgColor: rgba(253, 212, 136, 0.8);
  --SideNavToColor: #aa650c;
  --SideNavTextColor: #fca104;
  --NavColor: pink;
  --NavHoverColor: rgb(85, 26, 139);
  --NavFontColor: #aa650c;
  /* --TextHolderColor: #FFDC90; */
  /* rgb(255,242,204) */
  --TextHolderColor: rgb(255,242,204);
  --TableHover: rgb(253, 237, 189);
  --TableHead: #fad787;
  /* --TextHolderColor: rgb(245, 229, 181); */
  --TextHolderBorder: #FFBF1D;

  --footerColor: #FFC000;

  --PageTitleUp: #eed380;
  --PageTitleDown: #ecc242;

  --CodeBackColor: rgb(255, 240, 193);
  --CodeBackColorDeep: rgb(249, 231, 178);
  --CodeBackColorLight: rgb(254 231 166);

  --SecondHead: #d28621;
}    
main, header, section, article{
  display: block;
}

@font-face {
  font-family: 'MyFont1';
  src: local(Nunito-BlackItalic), url(https://static.igem.wiki/teams/5242/contents/fonts/nunito-blackitalic.ttf);
  src: local(Nunito-Black), url(https://static.igem.wiki/teams/5242/contents/fonts/nunito-black.ttf);
  
}

@font-face {
  font-family: 'MyFont2';
  src: local(Nunito-Bold), url(https://static.igem.wiki/teams/5242/contents/fonts/nunito-bold.ttf);
  src: local(Nunito-BoldItalic), url(https://static.igem.wiki/teams/5242/contents/fonts/nunito-bolditalic.ttf);
  
}

@font-face {
  font-family: 'Chinese';
  src: local(stkaiti), url(https://static.igem.wiki/teams/5242/contents/fonts/stkaiti.woff2);
}

@font-face {
  font-family: 'Text1';
  src: local(times), url(https://static.igem.wiki/teams/5242/contents/fonts/times.ttf);
}