"

From 2014.igem.org

/* Main Layout */

1. main {

   max-width: 100%;
   padding-left: 5%;
   padding-right: 5%;
   background-color: white;
   padding-top: 30px;

}

/* Font */

.title h1 {

   color: #333333;
   font-size: 64px;

}

.text p {

   font-size: 20px;
   color: #333333;
   font-family: 'Noto serif', 'serif';

}

/* Responsive */

@media (max-width: 1050px){

   #side-navbar{
       display: none;
   }

   .title h1 {
       font-size: 50px;
   }

}

1. topcontrol {

   z-index: 100;

}

.accordion-navigation a:hover {

   text-decoration: none;

}

1. bodyContent h3, #bodyContent h4, #bodyContent h5 {

margin-bottom: 15px; margin-top: 50px; }

.text ul, ol, dl { line-height: 2.3rem; font-size: 20px; font-family: sans-serif; margin-top: 10px; margin-left: 0; }

h3 { font-size: 2.4rem; }

.text {

 padding-left: 80px;
 padding-right: 80px;
 padding-bottom: 50px;
 padding-top: 30px;

}

.text p {

 font-size: 1.0em;
 color: #333333;
 font-family: 'Noto serif', 'serif';
 line-height: 1.65em;

}

.text img {

 margin-bottom: 25px;

}

p {

 margin-bottom: 20px;

}

@media (min-width: 800px){

   .title {
       padding-left: 80px;
       padding-right: 80px;
   }

   .text {
       padding-left: 80px;
       padding-right: 80px;
       padding-bottom: 50px;
   }

}