html{scroll-behavior:smooth}img{align-self:stretch;-o-object-fit:cover;object-fit:cover;width:100%}@font-face{font-family:Roboto;font-style:normal;src:url(https://static.igem.wiki/teams/4185/wiki/roboto-v30-latin-regular.ttf) format("truetype-variations")}h1,h2,h3,h4,h5,p{font-family:Roboto;font-weight:lighter;background:none}p.bold{font-weight:700;display:inline}p.active{color:#ffbd00;display:inline-block;background:none}p.center{margin:0 auto;text-align:center}a{text-decoration:none}.stop-scrolling{overflow:hidden}.ocean{height:80px;width:100%;position:absolute;bottom:0;left:0;right:0;overflow-x:hidden}.ocean .wave{position:absolute;width:200%;height:100%;-webkit-animation:wave 10s linear -3s infinite;animation:wave 10s linear -3s infinite;transform:translateZ(0)}.ocean.main-page .wave:first-of-type{background:url(https://static.igem.wiki/teams/4185/wiki/wave-white.png)}.ocean.main-page .wave:nth-of-type(2){background:url(https://static.igem.wiki/teams/4185/wiki/wave-light-blue.png);bottom:0;animation:wave 18s linear infinite reverse}.ocean.main-page .wave:nth-of-type(3){bottom:0;-webkit-animation:wave 20s linear -1s infinite;animation:wave 20s linear -1s infinite}.ocean.main-page .wave:nth-of-type(3),.ocean.title-page .wave:first-of-type{background:url(https://static.igem.wiki/teams/4185/wiki/wave-dark-blue.png)}.ocean.title-page .wave:nth-of-type(2){background:url(https://static.igem.wiki/teams/4185/wiki/wave-light-blue.png);bottom:0;animation:wave 18s linear infinite reverse}.ocean.title-page .wave:nth-of-type(3){background:url(https://static.igem.wiki/teams/4185/wiki/wave-white.png);bottom:0;-webkit-animation:wave 20s linear -1s infinite;animation:wave 20s linear -1s infinite}@-webkit-keyframes wave{0%{transform:translateX(0)}25%{transform:translateX(-20%)}50%{transform:translateX(-50%)}75%{transform:translateX(-20%)}to{transform:translateX(0)}}@keyframes wave{0%{transform:translateX(0)}25%{transform:translateX(-20%)}50%{transform:translateX(-50%)}75%{transform:translateX(-20%)}to{transform:translateX(0)}}.fade-out{animation:fadeOut 1s ease;-webkit-animation:fadeOut 1s ease;-moz-animation:fadeOut ease 1s;-o-animation:fadeOut ease 1s;-ms-animation:fadeOut ease 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn 2s ease;-webkit-animation:fadeIn 2s ease;-moz-animation:fadeIn ease 2s;-o-animation:fadeIn ease 2s;-ms-animation:fadeIn ease 2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes floating-forward{0%{transform:translate(5px,5px) rotate(0deg)}50%{transform:translate(5px,-10px) rotate(-1deg)}to{transform:translate(5px,5px) rotate(0deg)}}@keyframes floating-forward{0%{transform:translate(5px,5px) rotate(0deg)}50%{transform:translate(5px,-10px) rotate(-1deg)}to{transform:translate(5px,5px) rotate(0deg)}}@-webkit-keyframes floating-backward{0%{transform:translate(5px,-10px) rotate(-1deg)}50%{transform:translate(5px,5px) rotate(0deg)}to{transform:translate(5px,-10px) rotate(-1deg)}}@keyframes floating-backward{0%{transform:translate(5px,-10px) rotate(-1deg)}50%{transform:translate(5px,5px) rotate(0deg)}to{transform:translate(5px,-10px) rotate(-1deg)}}.section{width:100%;overflow-x:hidden}.section .content{height:100vh;display:flex;align-items:center;transition:background-color 1s linear}.section .content .wrapper{margin:0 auto;display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:center}.section .content .wrapper .elements{width:50%;flex-wrap:wrap}.section .content .wrapper .elements .heading{font-family:Roboto,sans-serif;font-size:3.5vw}.section .content .wrapper .elements .element{display:flex;justify-content:space-between;align-items:flex-start;margin-top:5%;flex-wrap:wrap}.section .content .wrapper .elements .element.slideshow .text{width:60%}.section .content .wrapper .elements .element .sequence{width:50%}.section .content .wrapper .elements .element .sequence .name{width:100%;margin:20px 0}.section .content .wrapper .elements .element .sequence .attribution{width:100%;font-size:1.1vw}.section .content .wrapper .elements .element .text{font-size:1.3vw}.section .content .wrapper .elements .element .text:not(.ref){text-align:justify}.section .content.dark-blue{background:#01262f;color:#fff}.section .content.dark-blue .heading{color:#ffbd00}.section .content.light-blue{background:#79bcd6;color:#fff}.section .content.light-blue .heading{color:#000}.section .content.white{background:#fff;color:#000}.section .content.white .heading{color:#79bcd6}.section .wave{width:100%;height:80px;top:0;width:200%;transition:background-image 1s linear}.section .wave.light-blue-on-white{background-image:url(https://static.igem.wiki/teams/4185/wiki/wave-light-blue-on-white.png)}.section .wave.light-blue-on-dark-blue{background-image:url(https://static.igem.wiki/teams/4185/wiki/wave-light-blue-on-dark-blue.png)}.section .wave.dark-blue-on-light-blue{background-image:url(https://static.igem.wiki/teams/4185/wiki/wave-dark-blue-on-light-blue.png)}.section .wave.wave-dark-blue-light-blue-on-white{background-image:url(../img/wave-dark-blue-light-blue-on-white.66af6d1c.png)}.section .wave.dark-blue-on-dark-blue{background-image:url(https://static.igem.wiki/teams/4185/wiki/wave-dark-blue-on-dark-blue.png)}.section .wave.light-blue-on-light-blue{background-image:url(https://static.igem.wiki/teams/4185/wiki/wave-light-blue-on-light-blue.png)}.section .wave.white-on-light-blue{background-image:url(https://static.igem.wiki/teams/4185/wiki/wave-white-on-light-blue.png)}.arrow-pulsate-animation{-webkit-animation-name:pulsate;animation-name:pulsate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulsate{0%{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2)}to{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1)}}@keyframes pulsate{0%{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2)}to{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1)}}.arrow-animation{-webkit-animation-name:arrow-animation-keyframes;animation-name:arrow-animation-keyframes;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes arrow-animation-keyframes{0%{top:80%;opacity:1}50%{top:90%}to{top:100%;opacity:0}}@keyframes arrow-animation-keyframes{0%{top:80%;opacity:1}50%{top:90%}to{top:100%;opacity:0}}*{margin:0;padding:0;box-sizing:border-box}body{transition:all .5s ease}.menu-logo{width:30px;margin:0 10px 0 10px}.sidebar{position:relative;display:static;position:fixed;left:0;top:0;height:100%;min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content;width:0;background:#031926;z-index:99;transition:all .5s ease}.sidebar.open{width:300px;overflow-y:auto}.sidebar .logo-details{height:60px;display:flex;align-items:center;position:relative}.sidebar .logo-details .icon{opacity:0;transition:all .5s ease}.sidebar .logo-details .logo_name{color:var(--logo-title-color);font-size:20px;font-weight:600;opacity:0;transition:all .5s ease}.sidebar.open .logo-details .icon,.sidebar.open .logo-details .logo_name{opacity:1}.sidebar .logo-details #btn{position:absolute;top:50%;left:10;transform:translateY(-50%);font-size:22px;transition:all .4s ease;font-size:40px;text-align:left;cursor:pointer;transition:all .5s ease}.sidebar.open .logo-details #btn{text-align:right;font-size:23px;right:0;text-align:center}.sidebar i{color:var(--icons-color);height:60px;min-width:50px;font-size:28px;text-align:center;line-height:60px}.sidebar .nav-list{margin-top:20px;margin-bottom:20px;height:100%}.sidebar li{position:relative;margin:8px 0;list-style:none}.sidebar li .tooltip{position:absolute;top:-20px;left:calc(100% + 15px);z-index:3;background:var(--items-tooltip-color);box-shadow:0 5px 10px rgba(0,0,0,.3);padding:6px 12px;border-radius:4px;font-size:15px;font-weight:400;opacity:0;white-space:nowrap;pointer-events:none;transition:0s}.sidebar input{font-size:15px;color:var(--serach-input-text-color);font-weight:400;outline:none;height:50px;width:100%;width:50px;border:none;border-radius:12px;transition:all .5s ease;background:var(--secondary-color)}.sidebar.open input{padding:0 20px 0 50px;width:100%}.sidebar li a{display:flex;height:100%;width:100%;border-radius:12px;align-items:center;text-decoration:none;transition:all .4s ease;background:#031926}.sidebar li a:hover{background:var(--menu-items-hover-color)}.sidebar li a .links_name{color:var(--menu-items-text-color);font-size:15px;font-weight:400;white-space:nowrap;opacity:0;pointer-events:none;transition:.4s}.sidebar.open li a .links_name{opacity:1;pointer-events:auto}.sidebar li a:hover .links_name,.sidebar li a:hover i{transition:all .5s ease;color:#031926}.sidebar li i{height:50px;line-height:50px;font-size:18px;border-radius:12px}.sidebar div img{height:45px;width:45px;-o-object-fit:contain;object-fit:contain;border-radius:6px;margin-left:10px}.home-section{position:relative;background:var(--home-section-color);min-height:100vh;top:0;left:0;width:100%;transition:all .5s ease;z-index:2}.sidebar.open~.home-section{left:250px;width:calc(100% - 250px)}.home-section .text{display:inline-block;color:#031926;font-size:25px;font-weight:500;margin:18px}.my-scroll-active{overflow-y:auto}.nav__dropdown{overflow:hidden;max-height:50px;transition:.4s ease-in-out}.nav__dropdown-collapse{border-radius:12px;margin-top:1rem}.nav__dropdown-content{display:grid;padding:0 25px 0 25px;max-height:50px;font-size:18px;border-radius:12px;width:100%}@media(max-width:420px){.sidebar li .tooltip{display:none}}.member-list{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}.member-list .member{width:15%;text-align:center;margin:20px 3% 0 3%}.member-list .member img{width:80%;border-radius:50%}.member-list .member .name{font-size:2.5vh;color:#79bcd6;font-family:Futura}.member-list .member .role{font-size:2vh}.member-list .button-style{padding:0;border:none;background:none;cursor:pointer}.member-list .modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.member-list .modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #79bcd6;width:80%}.member-list .close{color:#aaa;float:right;font-size:28px;font-weight:700}.member-list .close:focus,.member-list .close:hover{color:#000;text-decoration:none;cursor:pointer}