.div-firstpage{background-color:var(--primary-color);height:auto;min-height:100%;position:relative}@font-face{font-display:swap;font-family:Quicksand;font-style:normal;font-weight:400;src:url(/hku-hongkong/static/media/quicksand-vietnamese-400-normal.8ce9f7cd0739d5898d16.woff2) format("woff2"),url(/hku-hongkong/static/media/quicksand-all-400-normal.2744416b8dcf2110e923.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Quicksand;font-style:normal;font-weight:400;src:url(/hku-hongkong/static/media/quicksand-latin-ext-400-normal.1b2b8c983b9cc69b13be.woff2) format("woff2"),url(/hku-hongkong/static/media/quicksand-all-400-normal.2744416b8dcf2110e923.woff) format("woff");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Quicksand;font-style:normal;font-weight:400;src:url(/hku-hongkong/static/media/quicksand-latin-400-normal.158ae1181532713295e2.woff2) format("woff2"),url(/hku-hongkong/static/media/quicksand-all-400-normal.2744416b8dcf2110e923.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.dropdown-menu{list-style:none;position:absolute;text-align:center;top:60px;width:150px}.dropdown-menu div{background:var(--theme-color);cursor:pointer;display:flex}.dropdown-menu div:hover{background:var(--theme-color-hover)}.dropdown-menu.clicked{display:none}.side-dropdown{display:flex;position:relative}.dropdown-link{color:#fff;display:block;height:100%;padding:16px;text-decoration:none;width:100%}.sidebar{position:relative;top:auto;width:auto;width:200px}@font-face{font-display:swap;font-family:Federo;font-style:normal;font-weight:400;src:url(/hku-hongkong/static/media/federo-latin-400-normal.786a8cc77d2e5afd790a.woff2) format("woff2"),url(/hku-hongkong/static/media/federo-all-400-normal.0a393e85778d769a6eec.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.navbar,.sidebar{align-items:center}.navbar{background-color:rgba(61,76,81,.9);border-bottom:1px solid var(--primary-font-color);color:var(--secondary-font-color);display:flex;flex-direction:row;height:60px;justify-content:space-between;position:fixed;width:100%;z-index:2001}.navbar *{font-family:var(--secondary-font)}.div-link{flex-direction:row;justify-content:space-between;list-style:none;margin-left:auto;text-align:center;width:60%}.div-link,.nav-item{align-items:center;display:flex}.link-header{color:var(--secondary-font-color);font-size:16px;padding:20px;text-decoration:none}.link-header:hover{background-color:var(--theme-color-hover)}.img-amped-header{padding:10px;width:100px}.pjname-link{text-decoration:none}.pjname-header{color:var(--secondary-font-color);font-family:"PT Serif",serif;padding:15px}.navbar .nav-close-btn,.navbar .nav-open-btn{background:transparent;font-size:1.3rem;padding:1rem;visibility:collapse}.navbar .nav-open-btn{color:var(--secondary-font-color);opacity:0}@media only screen and (max-width:1024px){.navbar .nav-close-btn,.navbar .nav-open-btn{opacity:1;visibility:visible}.navbar .div-link{align-items:center;background-color:var(--secondary-color);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;-webkit-transform:translateX(-100vw);transform:translateX(-100vw);transition:1s;width:300px}.navbar .responsive-nav{margin-left:0;-webkit-transform:none;transform:none}.div-link .nav-close-btn{color:var(--secondary-font-color);position:absolute;right:0;top:0}.nav-item{display:inline-table}}.footerContent{align-items:center;display:flex;height:177;justify-content:center;padding-bottom:10px}.footerContent *{font-family:var(--secondary-font)}.icons{display:flex;flex-direction:column;justify-content:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dummylogo{fill:none;border-right:1px solid #282c34;height:70px;margin-top:30px;max-height:100px;width:1px}#hku-color{margin-right:10px}#hku-color,#igem-2022{height:auto;width:50px}.followus{display:flex;flex-direction:column;justify-content:left;margin:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.followus-text{color:#282c34;font-size:small;margin:20px 0 10px;text-align:center}.follow-icon-container{align-self:center;display:flex;flex-direction:row;justify-content:space-between;width:50px}.follow-icon-footer{fill:#40454d;height:auto;width:20px}#utube{margin-top:1px;width:23px}.email{color:#282c34;font-size:small;text-decoration:none}.contactus{display:flex;flex-direction:column;justify-content:center}.contactus-text{color:#282c34;font-size:small;justify-content:center;margin:0 0 20px}@media only screen and (max-width:1024px){.SponsorsList{display:none!important}#yeah{display:flex!important}}.cover-title{background-image:url(https://static.igem.wiki/teams/4241/wiki/front-page/background.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--secondary-font-color);height:100vh;padding-top:30vh;text-align:center;width:100%}.cover-title *{font-family:var(--secondary-font)}.btn-project{align-self:center;background-color:#fff;border-radius:20px;color:var(--primary-font-color);padding:7px 12px}#hku-igem-2022,.btn-project{font-size:20px}#igem-title{font-family:Rozha One,serif;font-size:100px;margin-bottom:35px;margin-top:35px}#igem-short-intro{font-size:20px;margin-bottom:35px}#learnmore-icon{margin-left:10px}.growth{background-image:url(https://static.igem.wiki/teams/4241/wiki/wiki-assets/fish-jumping.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;height:90vh}.growth h1{font-size:100px;font-size:56px;padding-top:40vh;text-align:center;width:50vw}.hongkong{background-image:url(https://static.igem.wiki/teams/4241/wiki/wiki-assets/hk-cheungchau-crop.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--secondary-font-color);text-align:center;width:100%}.hongkong h1{background-color:#fff;color:#000;font-size:56px;font-weight:700;padding-bottom:30px;padding-top:30px}.hongkong p{font-size:40px;padding-bottom:400px;padding-top:30px}.fishmarket h1{font-size:56px;padding-bottom:30px;padding-left:60px;padding-top:30px}.fishmarket img{width:100%}.demand{background-color:#b2d8e5;font-size:30px;padding-bottom:60px;padding-top:60px;text-align:center}.demand #p2{font-weight:700}.antibiotics{background-color:#43a0dd}.antibiotics,.solution{font-size:30px;padding-bottom:60px;padding-top:60px;text-align:center}.solution{background-color:#ecebeb}.solution h1{font-family:Rozha One,serif}.outcome{background-color:#c1cce9;padding-bottom:60px;padding-top:60px;text-align:center}.outcome h1{font-size:56px}.outcome p{font-size:20px;padding-top:20px}.vid-container{align-items:center;overflow:hidden;padding-bottom:20px;padding-top:56.25%;position:relative;text-align:center;width:100%}.promo-vid{bottom:0;height:100%;left:0;padding-left:50px;padding-right:50px;position:absolute;right:0;top:0;width:100%}#gold{font-size:25px}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.des{-webkit-animation:fadeIn 5s;animation:fadeIn 5s;background-image:url(https://static.igem.wiki/teams/4241/wiki/ezgif-4-049438f316.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:var(--tertiary-font);font-size:7em;height:100vh;padding-left:5px;padding-right:5px;padding-top:45vh;position:relative;width:100%;z-index:1}.des,.leftmenu{color:var(--secondary-font-color);text-align:center}.leftmenu{background-color:rgba(61,76,81,.9);border-radius:5px;box-shadow:0 5px 10px 0 rgba(0,0,0,.5);display:block;float:left;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10px;margin-top:5%;padding:10px 5px 30px;position:-webkit-sticky;position:sticky;top:15%;width:300px}.leftmenu div{font-size:25px;padding-bottom:5px;padding-top:5px}.leftmenu button{color:var(--secondary-font-color);text-align:left;width:85%}.leftmenu *{font-family:var(--secondary-font)}.leftmenu button:hover{color:var(--btn-hover-color)}.leftmenu .subsection{background-color:hsla(0,0%,100%,.2);border-left:1px solid #fff;padding-bottom:5px;padding-left:10px;padding-top:5px}.leftmenu .section{padding-bottom:7px;padding-top:7px}.pageholder{display:flex;justify-content:space-evenly}.righttext{margin-top:30px;text-align:justify;width:60%;width:65%}.righttext *{font-family:var(--secondary-font)}.righttext img{align-self:center}.page-img{max-width:60%}.ref-p{overflow-wrap:break-word}@media only screen and (max-width:1024px){.leftmenu{display:none}.righttext{padding-left:30px;padding-right:30px;width:100%}.des{font-size:2.5em}}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:hsla(0,0%,100%,.6);border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:transparent;border:0;color:transparent;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.com-img{width:400px}.caption{align-self:flex-end;background-color:hsla(0,0%,100%,.7);flex:1 0 100%;font-family:var(--primary-font);text-align:center}.react-slideshow-container .default-nav{background-color:hsla(0,0%,100%,0)}.people *{font-family:var(--playfair-font)}.banner{align-items:center;padding:50px;text-align:center}.banner button{color:var(--secondary-font-color);color:var(--primary-font-color)}#Team:hover{color:var(--theme-color-hover)}#PI,#Team{color:var(--theme-color);font-size:40px}.overlay{background-color:var(--theme-color-hover);background-color:rgba(0,0,0,.5);border-radius:20px;height:250px;opacity:0;position:absolute;transition:.5s ease;width:200px}.member:hover .overlay{opacity:1}.overlay-text{background-color:transparent;color:#fff;font-size:18px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.people-name{font-size:20px;margin-top:10px}.deptbtns{padding:30px}.teamlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-items:center;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding-bottom:30px;padding-top:30px}.member-container{display:flex;flex-direction:column;margin-bottom:20px;text-align:center;width:220px}.member-container *{font-family:var(--playfair-font)}.member{color:var(--primary-font-color);display:block;display:flex;justify-content:center;position:relative;width:220px}.member img{border-radius:20px;box-shadow:0 5px 10px 0 rgba(0,0,0,.5);display:block;height:auto;margin-bottom:10px;width:200px}.deptbtns button{border:1px solid var(--primary-font-color);border-radius:15px;color:var(--primary-font-color);font-size:16px;margin:15px;padding:15px;width:150px}.deptbtns button:hover{background-color:var(--btn-hover-color)}.modal{background-color:rgba(0,0,0,.5);height:100%;position:fixed;width:100%;z-index:20}.modal,.modal_content{align-items:center;display:flex;justify-content:center}.modal_content{background-color:#fff;border-radius:15px;max-width:60%;min-height:50vh;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:20px;position:absolute}.model_text{font-size:20px}.close{align-items:start;color:#000;height:50vh}.close:hover{color:cyan;cursor:pointer}.model_img{border:5px solid var(--theme-color-hover)}.model_img,.model_mine_img{box-shadow:0 5px 10px 0 rgba(0,0,0,.5)}.model_mine_img{border:5px solid var(--golden-color)}@media only screen and (max-width:1024px){.modal_content{max-height:70vh;max-width:70vw}.close{height:65vh}}.Collaboration-img{height:30vh}.subsectoinbtn{list-style-type:circle}@font-face{font-family:sansitaone;src:url(https://static.igem.wiki/teams/4241/wiki/font/sanita-one/sansitaone.ttf)}@font-face{font-family:Playfair Display;src:url(https://static.igem.wiki/teams/4241/wiki/font/playfair/playfairdisplay-variablefont-wght.ttf)}@font-face{font-display:swap;font-family:Silkscreen;font-style:normal;font-weight:400;src:url(https://static.igem.wiki/teams/4241/wiki/font/silkscreen/silkscreen-regular.ttf)}@font-face{font-display:swap;font-family:Fredericka the Great;font-style:normal;font-weight:400;src:url(https://static.igem.wiki/teams/4241/wiki/font/fredericka-the-great/frederickathegreat-regular.ttf)}@font-face{font-display:swap;font-family:"PT Serif";font-style:normal;font-weight:400;src:url(https://static.igem.wiki/teams/4241/wiki/font/pt-serif/ptserif-regular.ttf)}body{--primary-color:#fff;--secondary-color:#656a75;--primary-font-color:#282c34;--secondary-font-color:#fff;--primary-font:"Montserrat",sans-serif;--secondary-font:"PT Serif",serif;--tertiary-font:sansitaone;--playfair-font:"Playfair Display",serif;--silkscreen:"Silkscreen",cursive;--fredericka:"Fredericka the Great",cursive;--theme-color:rgba(61,76,81,.9);--theme-color-hover:rgba(125,155,165,.9);--ref-color:#043b5c;--btn-hover-color:rgba(77,255,246,.9);--mint-color:rgba(175,242,239,.838);--golden-color:#ffc000}*{box-sizing:border-box;margin:0;padding:0}.load-container{background-color:var(--theme-color);height:100%;position:absolute;width:100%;z-index:2000}button{background-color:initial;background-repeat:no-repeat;border:none;cursor:pointer;outline:none;overflow:hidden}
/*# sourceMappingURL=main.094d4c75.css.map*/