html{scroll-padding-top:calc(100px + 5px)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none}body{position:relative;width:100vw;min-height:100vh;overflow-x:hidden}#gotop{position:fixed;bottom:min(30px,5vw);right:min(50px,4vw);width:fit-content;height:min(140px,10vw);transition:height .5s}#gotop img{height:100%;object-fit:contain;object-position:center}#gotop .text-wrap{user-select:none;opacity:0;transition:.5s;position:absolute;top:62%;left:60%;transform:translateX(-50%);font-family:Titan,sans-serif;color:#456b42;font-size:min(10px,1vw);display:flex;flex-direction:column;align-items:center}#gotop .text-wrap *{text-wrap:nowrap}#gotop:hover .text-wrap{opacity:1}.poster{width:calc(100vw - 250px);max-width:1200px;aspect-ratio:4;left:50%;left:0;right:0;margin:10px auto;position:relative}.poster::after,.poster::before{content:"";display:block;position:absolute;height:100%;width:100%;border-radius:calc(25vw - 50px)}.poster::after{z-index:-1;top:18%;background-color:rgba(255,197,112,.3)}.poster::before{z-index:-2;top:35%;background-color:rgba(109,150,107,.1)}.poster .bg{position:relative;top:10px;left:0;height:100%;width:100%;background-color:var(--mg);border-radius:calc(25vw - 50px)}.poster .img{position:absolute;vertical-align:bottom;top:0;left:0;width:100%;aspect-ratio:4;overflow:hidden;border-radius:calc(25vw - 50px);background-color:var(--bg)}.poster .img img{width:100%;height:100%;vertical-align:bottom;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border:none;background-color:transparent}.poster .title{position:absolute;left:-45px;top:50%;transform:translateY(-50%);font-family:Titan,sans-serif;color:var(--mg);font-size:60px;transition:left .5s,font-size .5s}.poster .title::after{position:absolute;display:block;content:attr(data-text);left:-20px;top:-15px;color:var(--mg);padding:8px;-webkit-text-stroke:8px transparent;-webkit-background-clip:text;background-color:var(--bg)}.poster .title::before{display:block;position:absolute;height:120%;width:40px;bottom:30%;left:0;content:"";background-image:url(https://static.igem.wiki/teams/4628/wiki/footer/divide.svg);background-size:contain;background-position:center;background-repeat:no-repeat;transform-origin:bottom center;transform:rotateY(180deg) rotate(30deg) translateX(75%)}.main{display:flex;max-width:100vw;margin:50px 0;margin-bottom:150px;padding:0 70px;justify-content:center}.main .menubg{position:relative;flex:none;width:280px;border-radius:20px;margin:50px 0;overflow:hidden;transition:width .5s}.main .menubg #menu{position:sticky;padding:30px 20px;width:100%;transition:width .5s}.main .menubg #menu .t1{position:relative;text-transform:capitalize;padding:5px;font-size:15px;transition:.5s}.main .menubg #menu .t1::before{opacity:.3;position:absolute;content:"";display:block;width:18px;height:20px;left:-2px;top:8px;transform:translateX(-100%);transition:.5s;background-image:url(https://static.igem.wiki/teams/4628/wiki/menuicon.svg);background-size:contain;background-repeat:no-repeat}.main .menubg #menu .t1:hover::before{opacity:1}.main .menubg #menu .t1.unfold::before{top:10px}.main .menubg #menu .t1.unfold{font-size:20px}.main .menubg #menu .t1.unfold+.h2-sec{grid-template-rows:1fr;opacity:1;font-size:10px}.main .menubg #menu .t1.unfold+.h2-sec .t2{text-transform:capitalize;padding:3px 15px;border-radius:5px}.main .menubg #menu .h2-sec{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid .5s,opacity .8s;opacity:0;font-size:0}.main .menubg #menu .h2-sec .t2{transition:.8s;min-height:0}.main .menubg #menu .divide{opacity:0;height:0;width:fit-content;position:relative;margin-top:0;left:15px;transition:.8s}.main .menubg #menu .t1.unfold+.h2-sec .divide{height:20px;margin-top:5px;opacity:1}.main .menubg #menu .divide img{height:100%;object-fit:contain;object-position:center}.main .menubg #menu.fixed{position:fixed;top:80px;width:280px}.main #content{position:relative;flex:1;max-width:min(800px,calc(100% - 280px));padding:30px 50px;border-radius:20px;transition:width .5s}.main #content::before{content:"";display:block;position:absolute;z-index:-1;width:100%;height:100%;border-radius:20px;top:20px;left:15px}.main #content .s1{margin:30px 0;width:100%}.main #content .s1.ref p{text-indent:0;font-size:.8em;text-align:left}.main #content .s1 p{padding-left:40px}.main #content .s2{margin:20px 0;width:100%}.main #content .s2 p{padding-left:calc(40px + 2em)}.main #content .math{width:100%;overflow-x:auto;overflow-y:hidden;padding-left:40px}.main #content .h1-wrap{width:-moz-fit-content;width:fit-content;position:relative;margin:40px 0}.main #content .h1-wrap h1{padding:2px;letter-spacing:.02em}.main #content h2{margin:30px 20px}.main #content p{width:100%;margin:10px 0;text-align:justify;text-indent:2em;line-height:1.5em}.main #content p.no-indent{text-indent:0}.main #content img,.main #content video{vertical-align:bottom;max-width:100%;height:400px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.main #content .img-wrap{width:100%;display:flex;margin:15px 0;padding-left:40px;flex-direction:column;justify-content:center;align-items:center;gap:10px}.main #content .img-wrap img{object-fit:contain}.main #content .img-wrap .border{position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border:1px solid var(--y);box-shadow:5px 6px var(--y);overflow:hidden;background-color:#fff}.main #content .img-wrap .disc{font-size:.8em}.main #content .o-o{display:flex;gap:20px}@media all and (max-width:920px){.main .menubg{width:0;margin:0}.main .menubg #menu,.main .menubg #menu.fixed{width:0;opacity:0;pointer-events:none}.main #content{min-width:calc(100vw - 100px)}.poster{width:calc(100vw - 100px);margin-left:50px;transition:width .5s}.poster .title{font-size:min(60px,10vw);left:50%;transform:translate(-50%,-50%)}#gotop{height:max(30px,15vw)}}@media all and (max-width:700px),all and (max-aspect-ratio:2/3){.main{gap:0;background-color:#fffdf7!important;margin-bottom:0;padding:0!important}.main #content{flex:-1;flex-grow:-1;flex-shrink:-1;width:100vw!important;max-width:100vw;margin:0;padding:0 20px;background-color:#fffdf7}.main #content.mem{background-color:var(--bg)!important}.main #content::before{display:none}#gotop{height:25vw;display:none}.main #content h2,.main #content h3,.main #content p{max-width:100%;padding-left:0!important;margin-left:0!important;text-align:left!important}.main #content p.quote{padding-left:20px!important}.main #content .img-wrap{padding-left:0!important}.main #content .img-wrap img{height:200px}}