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;
   background-color: rgb(250,250,250);

}

1. contain{

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

}

.background{

       position: fixed;
       width: 100%;
       top: 0;
       z-index: -1;
   }

1. title{

   position:fixed;
   top: 10%;
   left: 18%;
   font-family: "MONTSERRAT-BLACKITALIC2";
   line-height: normal;
   font-weight: bold;
   font-size: 1100%;
   color: #FAFAFA;
   z-index: -1;

}

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

   #title{
       top:10%;
       font-size: 1000%;
   }
   

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

   #title{
       top:9%;
       font-size: 900%;
   }
   

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

   #title{
       top:8%;
       font-size: 800%;
   }
   

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

   #title{
       top:7%;
       font-size: 750%;
   }

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

   #title{
       top:4%;
       font-size: 700%;
   }
   

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

   #title{
       top:3%;
       font-size: 600%;
   }
   

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

   #title{
       font-size: 500%;
   }
   

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

   #title{
       font-size: 450%;
   }

}

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

   #title{
       font-size: 400%;
   }

}