Template:CPU CHINA/common CSS

@font-face{

   font-family: MONTSERRAT-BLACK1;
   src: url("https://static.igem.org/mediawiki/2021/0/04/T--CPU_CHINA--MONTSERRAT-BLACK1.woff")format('woff');

}

@font-face{

   font-family: MONTSERRAT-BLACKITALIC2;
   src: url("https://static.igem.org/mediawiki/2021/d/d4/T--CPU_CHINA--MONTSERRAT-BLACKITALIC2.woff")format('woff');

}

@font-face{

   font-family: CABIN-REGULAR;
   src: url("https://static.igem.org/mediawiki/2021/b/b3/T--CPU_CHINA--CABIN-REGULAR.woff")format('woff');

}

@font-face{

   font-family: CABIN-ITALIC;
   src: url("https://static.igem.org/mediawiki/2021/7/75/T--CPU_CHINA--CABIN-ITALIC.woff")format('woff');

}

body{

   width: 100%;
   font-family:"CABIN-REGULAR","Arial","Microsoft YaHei","黑体","宋体",sans-serif;

} .contain{

   margin-top:-8px;
   padding:0 3% 10%; 
   width: 100%;
   background-color: rgb(250,250,250);
   z-index: 1;
   box-sizing: border-box;

}

h1{

   position:fixed;
   top: 15%;
   left: 18%;
   font-weight: bold;
   font-size: 800%;
   color: #FAFAFA;
   z-index: -1;

}

@media screen and (max-width:1030px) {

   h1{
       top:10%;
       font-size: 700%;
   }
   

} @media screen and (max-width:930px){

   h1{
       top:10%;
       font-size: 600%;
   }
   

} @media screen and (max-width:830px) {

   h1{
       top:10%;
       font-size: 500%;
   }
   

} @media screen and (max-width:730px) {

   h1{
       top:10%;
       font-size: 450%;
   }

} @media screen and (max-width:630px) {

   h1{
       top:5%;
       font-size: 400%;
   }
   

} @media screen and (max-width:530px) {

   h1{
       top:4%;
       font-size: 350%;
   }
   

} @media screen and (max-width:450px) {

   h1{
       font-size: 300%;
   }
   

} @media screen and (max-width:400px){

   h1{
       font-size: 250%;
   }

}

@media screen and (max-width:350px){

   h1{
       font-size: 200%;
   }

}