.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user{font-size:medium}.homeHero{background:url(https://static.igem.wiki/teams/5293/homepage.gif) var(--secondary-75);background-position:center;background-repeat:no-repeat;background-size:cover;background-blend-mode:multiply;width:98%;height:80vh;display:flex;flex-direction:row;padding:.75rem 1rem;border-radius:1rem}.frameMe{width:calc(100% + 2rem);height:calc(100% + 3rem);margin:-1.5rem -1rem}.homeHeroLogo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70vw;display:flex;flex-direction:column;align-items:center}.homeHeroText{text-align:left;margin-top:5vh;font-size:3rem;color:#fff}.heroLogo{height:30vh;padding-left:0vw}.learnMore{text-align:center;position:absolute;width:7%;top:80%;left:46.5%}.missionBox{width:100.2%;display:flex;flex-direction:row;background-color:var(--secondary);border-radius:1rem;margin-top:2%}.missionText{width:80vh;height:90%;margin-left:10%;margin-top:auto;margin-bottom:auto;text-align:left}.missionTitle{font-size:12;color:#fff;text-decoration:underline}.missionPara{font-size:20;color:#fff}.promoVideo{position:relative;margin:5%;border-radius:1rem;width:50vw;height:50vh}.promoIframe{position:absolute;height:100%;width:100%}.text{color:var(--text)}.offText{color:var(--background)}.carouselCont{margin-top:2%;display:grid;grid-template-rows:10vh 10vh 10vh;grid-template-columns:5vw 5vw 80vw 5vw 5vw}.homeCarousel{display:flex;overflow-x:scroll;flex-shrink:0;width:98vw;margin-right:50px;border-radius:10px;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;position:relative;grid-row:1 / 4;grid-column:1 / 6}.arrow{border-radius:1rem;background-color:#ffffffd9;color:#000;width:2rem;height:2rem;font-size:1.5rem;cursor:pointer;z-index:20}.slideTextBox{height:70%;width:40%;margin-left:50%;margin-top:2%;border-radius:1rem;background-color:var(--accent)}.slideTitle{margin:2rem 2rem 1rem}.slideText{margin:0 2rem}.baseBox1{width:100.2%;display:flex;flex-direction:row;justify-content:space-around;background-color:var(--primary);border-radius:1rem;margin-top:2%}.baseBox2{width:100.2%;display:flex;flex-direction:row;justify-content:space-around;background-color:var(--secondary);border-radius:1rem;margin-top:2%}.baseBox3{width:100.2%;display:flex;flex-direction:row;justify-content:space-around;background-color:var(--accent);border-radius:1rem;margin-top:2%}.boxImageLeft{border-radius:50%;flex:1;width:25%;height:25%;margin-left:10vw;margin-right:5vw;margin-top:5%;margin-bottom:5%}.boxImageRight{border-radius:50%;flex:1;width:25%;height:25%;margin-right:10vw;margin-left:5vw;margin-top:5%;margin-bottom:5%}.boxTextRight{margin-right:10vw;margin-left:5vw;margin-top:5%;margin-bottom:5%}.boxTextLeft{margin-Left:10vw;margin-right:5vw;margin-top:5%;margin-bottom:5%}.title{color:#fff;text-decoration:underline;text-underline-offset:20%}.text{color:#fff}.animatedContainer{display:flex;flex-direction:row;position:relative;justify-content:flex-start;margin-top:2%;margin-bottom:2%;padding:2rem 0rem}.imageContainer{position:sticky;height:60vh;width:50vw;margin-left:10vw;top:11vh}.textContainer{display:flex;flex-direction:column;justify-content:space-between;margin-left:5vw;padding-left:5vw;border-radius:1rem;width:50vw;background-color:var(--background)}.fancyTextBox{height:100vh;width:100%;margin:auto;margin-top:25vh}.stickImage{max-width:unset;max-height:unset;width:100%;height:70%;object-fit:cover;border-radius:1rem}.navbar{width:98%;display:flex;position:-webkit-sticky;position:sticky;padding:.1rem 1rem;border-radius:1rem;place-items:center;top:0;z-index:20;background:var(--secondary)}.inNav{width:100%;display:flex;justify-content:space-between;place-items:center;margin-left:1vw}.linkHome{display:flex;place-items:center}.linkHome:hover{scale:1.1}.homeLogo{width:2.25rem;height:2.25rem;object-fit:contain;cursor:pointer}.bigHomeLogo{cursor:pointer;height:5vh}.homeText{color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer}.pages{position:relative;display:flex;flex-direction:row;gap:2.5rem;margin-right:1vw}.pageText{color:#d8d8d8;position:relative;display:flex;justify-content:flex-end;flex-direction:column-reverse}.pageText:hover{color:#fff;cursor:pointer}.dropdown{color:#fff;text-decoration:none;font-family:Helvetica,Arial,sans-serif}.dropdown:hover{scale:1.1}.linkText{color:#fff;text-decoration:none}.submenu{background-color:var(--secondary);position:absolute;margin-top:20px;padding:10px;transform:translate(-65%);border-radius:1rem}.submenuItem{padding:10px;border-radius:1rem}.submenuItem:hover{background-color:var(--accent);scale:1.1}.plantContent{display:flex;width:98vw;background-image:url(https://static.igem.wiki/teams/5293/background-element.svg);background-repeat:repeat-y;background-size:100% auto}.plantText{padding:1rem;display:inline-block}.plantInfoBox{height:20vh}.plantShortInfo{max-width:unset;max-height:unset;width:50vw;margin-right:20vw;margin-bottom:1rem}.plantSelector{position:relative;width:75vw;height:40vh}.plantButtonImage{object-fit:contain;height:100%;width:100%;cursor:unset}.plantSelectorB1{height:3rem;width:5rem;position:absolute;top:50%;left:45%;transform:translate(-50%,-50%);z-index:2;cursor:pointer}.plantSelectorB2{height:2rem;width:1.75rem;position:absolute;top:65%;left:50.5%;transform:translate(-50%,-50%);z-index:2;cursor:pointer}.plantSelectorB3{height:4rem;width:6rem;position:absolute;top:77%;left:57%;transform:translate(-50%,-50%);z-index:2;cursor:pointer}.plantSelectorB4{height:3rem;width:5rem;position:absolute;top:97%;left:49.5%;transform:translate(-50%,-50%);z-index:2;cursor:pointer}.plantSelectorB5{height:3rem;width:5rem;position:absolute;top:75%;left:43%;transform:translate(-50%,-50%);z-index:2;cursor:pointer}.plantSelectorText{padding:3px;position:absolute;top:115%;left:50%;transform:translate(-50%,-50%);background-color:var(--accent);border-radius:1rem}.cancerContainer{display:flex;flex-direction:column;width:80vw;margin-top:5rem}.evenMoreContainment{display:flex;flex-direction:column;margin:auto;text-align:center;align-items:center}.croppedImg{object-fit:contain;max-width:40vw;min-height:50vh;float:none;cursor:unset}.floatless{float:none;max-height:100%;max-width:100%;cursor:unset}.centerText{align-items:center;text-align:center;margin-top:1rem}.unzoom{cursor:unset}.profileButton{flex-grow:1;justify-content:center;cursor:pointer;height:30vh}.profileButton:hover{transform:scale(.97)}.profileImage{max-height:100%;max-width:100%;border-radius:1rem}.overlayBG{background-color:#000000b3;width:100vw;height:100vh;position:fixed;top:0;left:0;cursor:pointer;z-index:21}.overlayContainer{background-color:var(--primary);position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;z-index:22;padding:30px;width:fit-content;height:fit-content}.overlayControls{display:flex;justify-content:flex-end;align-items:center}.overlayClose{border:none;background-color:transparent;font-size:36px;cursor:pointer}.overlayClose:after{display:inline-block;content:"×"}.aboutUsHero{background-image:linear-gradient(#00000080,#00000080),url(https://static.igem.wiki/teams/5293/roster/teamphoto2.png);background-position:center;background-size:cover;width:98%;height:80vh;display:flex;justify-content:content;align-items:center;padding:.75rem 1rem;border-radius:1rem}.aboutUsText{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:500}.aboot{color:#fff}.memberSection{padding-left:5vw;padding-right:5vw;display:flex;flex-direction:column}.profileArray{display:flex;flex-wrap:wrap;margin-top:1rem;justify-content:center;gap:1rem}.sectionHead{color:var(--text);text-align:center;font-weight:700}b{color:var(--primary)}.IHPcontent{display:flex;background-image:url(https://static.igem.wiki/teams/5293/background-element.svg);background-repeat:repeat-y;background-size:100% auto}.menuContent{padding:1.5rem .5rem 1.5rem .05rem}.menuContent:hover{scale:1.1;cursor:pointer;background-color:var(--accent);border-radius:1rem}.textIHP{padding:1rem;display:inline-block}.quoteIMG{height:20vh;justify-self:center}.projectIdeation{display:flex;flex-direction:column}.graphIMGcont{height:50vh;margin:auto;margin-bottom:1rem}.graphIMG{min-height:170%}.ideaSections{width:80vw;margin:auto}.ideas{padding:2rem 1rem;margin-bottom:1rem;border-radius:1rem;background-color:var(--secondary);cursor:pointer}.timelineContainer{display:flex}.sticky-line{width:4px;background-color:#000;position:sticky;top:0;height:100vh}.momentsContainer{display:flex;flex-direction:column;flex-grow:1}.moment{display:flex;flex-direction:row;justify-content:start}.dash{width:2rem;height:.5rem;background-color:#000;margin-top:auto;margin-bottom:auto}.timebox{display:flex;justify-content:space-between;height:50vh;background-color:var(--secondary);margin-top:1rem;margin-bottom:1rem;border-radius:1rem}.timeBoxVisual{display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto}.timeBoxTime{margin-left:2rem}.timeBoxImg{width:20vw;max-height:30vh;object-fit:contain}.timeBoxBody{margin-left:2rem;margin-right:2rem;margin-top:auto;margin-bottom:auto;overflow:scroll;scrollbar-width:none}.timeBoxReadMore{font-size:smaller;color:#000000bf;cursor:pointer}.timeBoxText{font-family:Helvetica,Arial,sans-serif;font-size:1.25rem}.affectingGraph{float:none;max-height:100%;max-width:100%;align-self:center}.footBody{background-color:var(--secondary);border-radius:1rem;width:98vw;margin-top:2%;padding:3rem 0rem;display:flex;justify-content:space-around;flex-direction:row}.footDetails{display:flex;flex-direction:row}.footCol{margin-left:2rem;margin-right:2rem;display:flex;flex-direction:column}:root{--text: rgb(24, 41, 41);--background: rgb(95, 176, 111);--primary: rgb(147, 123, 99);--secondary: rgb(155, 176, 159);--accent: rgb(223, 185, 214);--primary-75: rgba(36, 175, 63, .75);--secondary-75: rgba(155, 176, 159, .75);--accent-75: rgb(0, 186, 225, .75);--primary-50: rgba(36, 175, 63, .5);--secondary-50: rgb(0, 191, 125, .5);--accent-50: rgb(0, 186, 225, .5)}h1,h2,h3{color:var(--text);font-family:Helvetica,Arial,sans-serif}p,li{color:var(--text);font-size:1.25rem;font-family:Helvetica,Arial,sans-serif}a{color:var(--text);padding:1.5rem .5rem 1.5rem .05rem;font-family:Helvetica,Arial,sans-serif}b{font-size:large;font-family:Helvetica,Arial,sans-serif}img{max-width:80vw;max-height:30vh;float:right;padding-left:1rem}.whyAmIStillHere{padding:1.5rem .5rem 1.5rem .05rem}.whyAmIStillHere:hover{scale:1.1;cursor:pointer;background-color:var(--accent);border-radius:1rem}.customH2{color:var(--text)}.customH3{padding-left:30px}.heroText{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:500}.ht{color:#fff}.menuBar{background-color:var(--secondary);width:30vw;position:sticky;top:10vh;display:flex;flex-direction:column;align-items:flex-start;align-self:flex-start;margin-right:.5rem;padding:.75rem;border-radius:1rem}.content{margin:1rem;display:inline-block}.container{display:flex;background-image:url(https://static.igem.wiki/teams/5293/background-element.svg);background-repeat:repeat-y;background-size:100% auto}.fullScreenImage{float:none;max-height:80vh;max-width:80vw;margin-left:auto}.carContainer{margin-top:2%;display:grid;grid-template-rows:10vh 10vh 10vh;grid-template-columns:5vw 5vw 65vw 5vw 5vw}.carousel{display:flex;overflow-x:scroll;flex-shrink:0;width:80vw;margin-right:50px;border-radius:10px;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;position:relative;grid-row:1 / 4;grid-column:1 / 6}.arrow{border-radius:1rem;background-color:#ffffffd9;color:#000;width:2rem;height:2rem;font-size:1.5rem;cursor:pointer;z-index:10}.rightArrow{grid-row:2 / 3;grid-column:4 / 5}.leftArrow{grid-row:2 / 3;grid-column:2 / 3}.slideTextBox{height:70%;width:40%;margin-left:50%;margin-top:2%;border-radius:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 200px #ffffff14;border-style:solid;overflow-y:scroll;scrollbar-width:none}.slideTitle{font-size:1.5rem}.slideText{font-size:1.25rem}.imageBG{background-color:#000000b3;width:100vw;height:100vh;position:fixed;top:0;left:0;cursor:pointer;z-index:21}.imageZoomed{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;z-index:22;padding:30px;width:fit-content;height:fit-content}.biggifiedImg{max-width:90vw;max-height:90vh}
