body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#customCursor{background-color:#fff;border-radius:50%;height:30px;left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;transform:translate(-50%,-50%);transition:width .15s ease,height .15s ease;width:30px;z-index:9999}body{cursor:none!important}#root,.App,body,html{height:100%}#mainContainer,.Main{height:100%;overflow:hidden}.frame{border-radius:10px}.frame:hover{cursor:none;transform:rotate(-1deg)}#people{background:linear-gradient(0deg,rgba(8,6,26,.741),rgba(8,6,26,.741)),url(/static/media/robert.6b35a16b5f5489087e09.jpg) no-repeat 50%;background-size:100% 100%;float:left;height:58%;left:0;margin-left:1%;margin-top:1%;position:fixed;top:0;width:29%}#publications{background:linear-gradient(0deg,rgba(56,21,82,.748),rgba(56,21,82,.748)),url(/static/media/books.96f0bd99f9cf03aec465.jpg) no-repeat 50%;background-size:100%;height:33%;margin-top:1%}#name,#publications{float:left;left:30%;margin-left:1%;position:fixed;width:68%}#name{height:10%;margin-top:0;top:35%}#name h2{font-size:clamp(.9rem,4vw,1.3rem);letter-spacing:1px;white-space:nowrap}#socials{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:10px;height:auto;justify-content:center;margin-top:0}#icons,#icons2{float:none;height:auto;margin-left:0}#about{background:linear-gradient(0deg,#a5fbfb80,#a5fbfb80),url(/static/media/stripes.69e898ac3c6a5e615c7a.jpg) repeat 50%;background-size:100% 100%;float:left;height:28%;left:0;margin-left:1%;margin-top:1%;position:fixed;top:60%;width:29%}#research{background:linear-gradient(0deg,#bedbdb8c,#bad2d28c),url(/static/media/lab.ad6e7d2ae107b670061d.jpg) no-repeat 50%;background-size:100% 100%;left:30%;width:39%}#join,#research{float:left;height:44%;margin-left:1%;margin-top:1%;position:fixed;top:44%}#join{background:linear-gradient(0deg,rgba(165,251,251,.638),rgba(165,251,251,.638)),url(/static/media/clouds.22b5c9e78c420c8bc3b8.jpg) repeat 50%;background-size:100% 100%;left:70%;width:28%}#news{background-color:#318adbcc;float:left;height:6%;left:0;margin-left:1%;margin-top:1%;position:fixed;top:90%;width:98%}.dark{background:#08061a!important}.light{background:rgba(187,253,253,.652)!important}.centreText{left:50%;margin:auto;position:absolute;top:50%;transform:translate(-50%,-50%)}.leftText{float:left;margin-left:20px;position:relative;top:50%;transform:translateY(-50%)}.whiteText{color:#fff}#title{float:left}.blackText{color:#242424}h1{font-family:Urbanist;font-size:400%;letter-spacing:3px}h1,h2{margin:0;padding:0}h2{font-size:500%;text-align:left}#icons{float:right;margin-left:1%}#icons,#icons2,#socials{height:100%}#icons2{float:right;margin-left:1%}.social-icon{display:flex;float:left;height:80%;top:50%;transform:translateY(-50%)}#sidebar{display:none;float:left;height:100%;opacity:0;position:fixed;width:20%}@keyframes FrameAnimation{0%{background:#08061a;opacity:100%}to{background:#08061a;height:100%;left:20%;margin-left:0;margin-top:0;opacity:100%;top:0;width:90%}}@keyframes FrameAnimation2{0%{background:rgba(187,253,253,.652);opacity:100%}to{background:rgba(187,253,253,.652);height:100%;left:20%;margin-left:0;margin-top:0;opacity:100%;top:0;width:90%}}.animateFrameDark{animation-duration:1s;animation-fill-mode:forwards;animation-name:FrameAnimation}.animateFrameLight{animation-duration:1s;animation-fill-mode:forwards;animation-name:FrameAnimation2}@media (max-width:1400px) and (min-width:701px){#socials{display:none}}@media (max-width:1700px){h1{font-size:200%}h2{font-size:300%}}@media (max-width:2000px) and (min-width:1700px){h1{font-size:300%}h2{font-size:400%}}.fadeInAnimation{animation-duration:2s;animation-fill-mode:forwards;animation-name:fadeIn}.fadeOutAnimation{animation-duration:1s;animation-fill-mode:forwards;animation-name:fadeOut}@keyframes fadeOut{0%{opacity:100%}50%{opacity:50%}to{display:none;opacity:0}}.fadeInAnimationFast{animation-duration:1s;animation-fill-mode:forwards;animation-name:fadeIn}@keyframes fadeIn{0%{display:"block";opacity:0}to{opacity:100%}}.contractFramePeople{animation-duration:1s;animation-fill-mode:forwards;animation-name:PeopleAnimation}@keyframes PeopleAnimation{0%{height:100%;left:20%;margin-left:0;margin-top:0;opacity:100%;top:0;width:90%}to{height:58%;left:0;margin-left:1%;margin-top:1%;opacity:100%;top:0;width:29%}}.contractFrameAbout{animation-duration:1s;animation-fill-mode:forwards;animation-name:AboutAnimation}@keyframes AboutAnimation{0%{height:100%;left:20%;margin-left:0;margin-top:0;opacity:100%;top:0;width:90%}to{height:28%;left:0;margin-left:1%;margin-top:1%;opacity:100%;top:60%;width:29%}}.contractFramePubs{animation-duration:1s;animation-fill-mode:forwards;animation-name:PubsAnimation}@keyframes PubsAnimation{0%{height:100%;left:20%;margin-left:0;margin-top:0;opacity:100%;top:0;width:90%}to{height:33%;left:30%;margin-left:1%;margin-top:1%;opacity:100%;top:0;width:68%}}.contractFrameResearch{animation-duration:1s;animation-fill-mode:forwards;animation-name:ResearchAnimation}@keyframes ResearchAnimation{0%{height:100%;left:20%;margin-left:0;margin-top:0;opacity:100%;top:0;width:90%}to{height:44%;left:30%;margin-left:1%;margin-top:1%;opacity:100%;top:44%;width:39%}}.contractFrameJoin{animation-duration:1s;animation-fill-mode:forwards;animation-name:JoinAnimation}@keyframes JoinAnimation{0%{height:100%;left:20%;margin-left:0;margin-top:0;opacity:100%;top:0;width:90%}to{height:44%;left:70%;margin-left:1%;margin-top:1%;opacity:100%;top:44%;width:28%}}.contractFrameNews{animation-duration:1s;animation-fill-mode:forwards;animation-name:NewsAnimation}@keyframes NewsAnimation{0%{height:100%;left:20%;margin-left:0;margin-top:0;opacity:100%;top:0;width:90%}to{height:6%;left:0;margin-left:1%;margin-top:1%;opacity:100%;top:90%;width:98%}}#newsWrapper{height:100%;margin:auto;width:98%}#dateBlock{background-color:#fff;padding:2px 30px;width:5%}#dateBlock,#newsBlock{border-radius:10px;float:left;font-family:Urbanist;font-size:25px;position:relative;top:50%;transform:translateY(-50%)}#newsBlock{margin-left:20px;overflow:hidden;padding:10px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:85%}.sidebar{height:100%}#return{height:15%;width:100%}#returnIcon{cursor:pointer;position:relative;top:80%;transform:translateY(-50%)}#Menu{height:30%;padding-top:30px;width:100%}#LogoSidebar{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);height:50%;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);width:100%}#LogoSide{font-family:Urbanist;letter-spacing:15px;margin-left:10%;position:relative;top:50%;transform:translateY(-50%)}.MenuItem{cursor:pointer;font-size:20px;margin-top:8%}h3{font-size:30px}.peoplePage{width:90%}.peoplePic{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;float:left;height:90%;margin:5% 0 5% 5%;width:90%;width:40%}.peopleBio,.peoplePic{align-items:center;display:flex;flex-direction:column;justify-content:center}.peopleBio{width:55%}.peopleBio p{margin:5px 0}.name{font-family:Roboto,sans-serif;font-size:1.2em}.name,.title{font-weight:700}.title{font-family:Urbanist,sans-serif}.fadePeopleAnimation{animation-duration:2s;animation-fill-mode:forwards;animation-name:fadePeople}@keyframes fadePeople{0%{opacity:0}25%{opacity:0}to{opacity:100%}}.peopleIcon{background-color:rgba(127,193,255,.792)}.peopleIcon,.peopleIcon2{align-items:center;border-radius:10px;display:flex;float:left;height:150px;justify-content:center;margin-bottom:3%;margin-left:3%;width:29%}.peopleIcon2{background-color:rgba(70,196,171,.792)}.peopleIcon3{align-items:center;background-color:rgba(194,154,247,.792);border-radius:10px;display:flex;float:left;height:150px;justify-content:center;margin-bottom:3%;margin-left:3%;width:29%}.peopleLabel{background-color:#fff;clear:both;margin-top:1%;width:100%}.peoplescrollableSec{height:100%;overflow-x:hidden;overflow-y:auto}.peopleFooter{height:400px}.pubPage{width:90%}.pubLabel{background-color:#fff;clear:both;margin-top:1%;width:100%}.pubFooter{height:200px}.pubSection p{color:#fff;font-size:large;margin-left:3%;text-align:left}.pubScrollableSec{height:100%;overflow-x:hidden;overflow-y:auto}.aboutPage{width:90%}.aboutHeader{height:10%;width:100%}.aboutContent1,.aboutContent2{height:35%;width:100%}.aboutContent2{margin-top:5%}.aboutTextWrapper2{margin-left:10%;margin-top:10%;width:80%}.aboutPic{width:45%}.aboutPic,.aboutText{float:left;height:100%}.aboutText{width:50%}.aboutPic2{width:45%}.aboutPic2,.aboutText2{float:right;height:100%}.aboutText2{width:50%}.aboutPage p{color:#000;margin-left:3%;text-align:left}.aboutTextWrapper{height:80%;margin-left:10%;margin-top:10%;width:80%}.aboutGarden{transform:rotate(-2deg)}.aboutGarden,.aboutVancouver{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.aboutVancouver{transform:rotate(0deg)}.fadeAboutAnimation{animation-duration:2s;animation-fill-mode:forwards;animation-name:fadeAbout}@keyframes fadeAbout{0%{opacity:0}25%{opacity:0}to{opacity:100%}}.aboutScrollableSec{height:100%;overflow-x:hidden;overflow-y:auto}.joinPage{width:80%}.joinHeader{height:10%;width:100%}.fadeJoinAnimation{animation-duration:2s;animation-fill-mode:forwards;animation-name:fadeJoin}@keyframes fadeJoin{0%{opacity:0}25%{opacity:0}to{opacity:100%}}.joinContent1{height:35%;width:100%}.joinPage p{color:#000;margin-left:3%;text-align:left}.joinScrollableSec{height:100%;overflow-x:hidden;overflow-y:auto}.researchPage{width:90%}.researchPic{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center;margin-right:0;width:100%}.researchBio{margin:5%;text-align:left!important;width:90%}.researchSection p{margin:5px 0}.researchName{font-family:Roboto,sans-serif;font-size:1.2em}.researchName,.researchTitle{font-weight:700;text-align:left!important}.links a,.researchTitle{font-family:Urbanist,sans-serif}.links a{color:#123456;text-decoration:none}.links a:hover{text-decoration:underline}.fadeResearchAnimation{animation-duration:2s;animation-fill-mode:forwards;animation-name:fadeResearch}@keyframes fadeResearch{0%{opacity:0}25%{opacity:0}to{opacity:100%}}h3{margin-left:3%;text-align:left}.researchIcon{background-color:rgba(127,193,255,.792);height:50%}.researchIcon,.researchIcon2{align-items:center;border-radius:10px;display:flex;float:left;justify-content:center;margin-bottom:3%;margin-left:3%;width:29%}.researchIcon2{aspect-ratio:2.5;background-color:rgba(70,196,171,.792)}.researchIcon3{align-items:center;background-color:rgba(229,225,235,.792);border-radius:10px;display:flex;float:left;height:250px;justify-content:center;margin-bottom:3%;margin-left:3%;width:44%}.researchLabel{background-color:#fff;clear:both;margin-top:1%;width:100%}.researchscrollableSec{height:100%;overflow-x:hidden;overflow-y:auto}.researchFooter{clear:both;height:20px}.researchHeader{height:5%;width:100%}.researchPage p{margin-bottom:3%;margin-left:3%;text-align:left}.newsPage{width:90%}.newsHeader{height:5%;width:100%}.fadeNewsAnimation{animation-duration:2s;animation-fill-mode:forwards;animation-name:fadeNews}@keyframes fadeNews{0%{opacity:0}25%{opacity:0}to{opacity:100%}}.newsContent1{height:35%;width:100%}.newsPage p{color:#000;margin-left:3%;text-align:left}#newsDateBlock{background-color:#fff;height:35px;margin-left:3%;margin-top:5px;padding:2px;text-align:center;width:10%}#newsDateBlock,#newsNewsBlock{border-radius:10px;float:left;font-family:Urbanist;font-size:25px;position:relative}#newsNewsBlock{margin-left:20px;overflow:hidden;padding:10px;text-align:left;width:80%}.newsScrollableSec{height:100%;overflow-x:hidden;overflow-y:auto}
/*# sourceMappingURL=main.aa058860.css.map*/