Team:Jiangnan China/css/base

.main-header {

 background-repeat: no-repeat;
 background-position: center 20%;
 -webkit-background-size: cover;
 background-size: cover;
 text-align: center;
 padding: 24px 0;
 background: #1E8D83;
 color: #fff;

} .site-header {

 background-color: rgba(114, 143, 213,0.8);
 font-size: 22px;

} .site-header .nav-link {

 color: #fff;

} .fa {

 display: inline-block;
 width:16px;
 height:16px;

} .fa-home {

 background: url('https://static.igem.org/mediawiki/2018/d/d3/T--jiangnan_china--home--icon-home.png');
 background-size:16px 16px; 

} .fa-group {

 background: url('https://static.igem.org/mediawiki/2018/7/76/T--jiangnan_china--home--icon-group.png');
 background-size:16px 16px; 

} .fa-project {

 background: url('https://static.igem.org/mediawiki/2018/c/c8/T--jiangnan_china--home--icon-project.png');
 background-size:16px 16px; 

} .fa-bell {

 background: url('https://static.igem.org/mediawiki/2018/3/35/T--jiangnan_china--home--icon-bell.png');
 background-size:16px 16px; 

} .fa-composer {

 background: url('https://static.igem.org/mediawiki/2018/3/33/T--jiangnan_china--home--icon-composer.png');
 background-size:16px 16px; 

} .fa-part {

 background: url('https://static.igem.org/mediawiki/2018/f/fa/T--jiangnan_china--home--icon-part.png');
 background-size:16px 16px; 

} .fa-trophy {

 background: url('https://static.igem.org/mediawiki/2018/5/5a/T--jiangnan_china--home--icon-awards.png');
 background-size:16px 16px; 

} .fa-interlab {

 background: url('https://static.igem.org/mediawiki/2018/1/11/T--jiangnan_china--home--icon-interlab.png');
 background-size:16px 16px; 

} .dropdown:hover>.dropdown-menu {

 display: block;

} .dropdown>.dropdown-toggle:active {

   pointer-events: none;

} .dropdown-menu {

   border-radius: 1rem;

} .dropdown a {

 -webkit-transition: background-color .3s;
 transition: background-color .3s;
 border-radius: 0.5em;

} .dropdown-item:focus, .dropdown-item:hover {

   color: #16181b;
   text-decoration: none;
   background-color: #f8f9fa;
   border-bottom: 0.5px solid #000;

} @keyframes bounce {

 from, 20%, 53%, 80%, to {
   -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
   -webkit-transform: translate3d(0,0,0);
   transform: translate3d(0,0,0);
 }

 40%, 43% {
   -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   -webkit-transform: translate3d(0, -30px, 0);
   transform: translate3d(0, -30px, 0);
 }

 70% {
   -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
   -webkit-transform: translate3d(0, -15px, 0);
   transform: translate3d(0, -15px, 0);
 }

 90% {
   -webkit-transform: translate3d(0,-4px,0);
   transform: translate3d(0,-4px,0);
 }

} .bounce {

   -webkit-animation-name: bounce;
   animation-name: bounce;
   -webkit-transform-origin: center bottom;
   transform-origin: center bottom;

} .animated.infinite {

   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;

} .animated {

   -webkit-animation-duration: 2s;
   animation-duration: 2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;

} .dcpt3 {

   text-align: justify;
   background-color: #e5e5e5;
   padding: 40px 10%;

} footer {

 background-color: #8198ce;

} footer img {

 width: 60px;

}

/*Team.html*/ .mmd {

   font-size: 20px;
   line-height: 1.5;
   font-family: 'spr';
   text-align: justify;
   background-color: #e6e6e6;
   padding: 40px 250px;

} .mmd2 {

   font-size: 20px;
   line-height: 1.5;
   font-family: 'spr';
   text-align: justify;
   background-color: #e6e6e6;
   padding: 40px 150px;

} .dcpt2 {

   width: 100%;
   padding-left: 15px;
   text-align: center;
   margin-top: 20px;
   margin-bottom: 20px;
   /* margin: auto 7.5%; */
   font-size: 36px;
   /* background-color: #d2d2d2; */
   font-family: fsb;

} .content2 {

   margin: 0px auto;
   font-family: fsb;
   color: #f75000;

}

1. div1 {

   position: relative;
   height: 1.5px;
   margin-top: 40px;
   background-color: #f75000;

} .row {

   margin-left: -15px;
   margin-right: -15px;

}

1. dcpt4 {

   text-align: justify; 
   margin: 0px 0% 1px;
   background-color: #fffae6;
   padding: 40px 10%;

}

1. tr1 {

   line-height: 120%;
   font-size: inherit;

}

1. HQ_page {

       border: 1px solid #ccc;
   border-collapse: collapse;
   width: 90% margin:auto;
   margin-bottom: 15px;
   margin-top: 15px;
   margin-right: 10px;
   margin-left: 10px;

} .col-md-4 {

   width: 33.33333333%;
   font-size: 72px;
   color: #990100;

}

1. div2 {

   position: relative;
   margin: 0 0 10.5px;
   color: #990100;
   font-family: fsb;
   letter-spacing: 8px;
   font-size: 48px;
   text-align: center;
   padding-top: 7px;

}

1. divwang {

   position: relative;
   height: 3px;
   margin-top: 40px;
   background-color: #f75000;

}