body{font-family:Source Code Pro,monospace;font-size:14px;font-weight:200;margin:0;max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth}a{color:#fff;text-decoration-line:none}:target:before{content:"";display:block}h1,h2,h3,p{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#root,body,html{height:100%;margin:0;padding:0;width:100%}#root,.canvas,body,html{background-color:#17141d}.canvas{height:100vh;z-index:0}.front{left:0;position:absolute;right:0}.front *{z-index:2}.header-bar{-webkit-touch-callout:none;align-items:center;color:#fafafa;display:flex;font-size:20px;font-weight:700;justify-content:space-between;left:0;-webkit-user-select:none;user-select:none;z-index:3}.header-bar,.mobile-header-button{padding:20px;position:fixed;right:0;top:0}.mobile-header-button{z-index:10}.mobile-header-menu{align-items:center;-webkit-animation:fadein .2s;animation:fadein .2s;background-color:rgba(0,0,0,.8);bottom:0;display:flex;flex-direction:column;font-size:25px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:5}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}.header-menu{align-items:center;display:flex;z-index:3}.header-menu>*{padding:10px}.header-menu div{cursor:pointer;text-transform:uppercase}.header-menu div:hover{color:#424b5d}.header-menu a{transition:color .25s}.header-menu a:hover{color:#789}.header-social-media{align-items:center;display:flex}.header-social-media>*{padding:5px}.header-social-media div{cursor:pointer;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.header-social-media div:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.card{-webkit-touch-callout:none;background-color:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:-1rem 0 3rem #000;clear:both;color:#fff;display:flex;flex-direction:column;height:33vh;min-width:180px;padding:1rem;position:relative;scroll-snap-align:start;-webkit-user-select:none;user-select:none;width:100%}.intro-text h1{color:#b1a6c9;padding-bottom:0}.intro-text{font-size:15px;font-weight:400;text-align:left;z-index:1}.intro-name{color:#c6fced;font-size:25px;padding:0}.intro-outro{bottom:0;padding:20px;position:absolute;right:0;text-align:right}.card-container{display:flex;margin:50px;max-width:500px;width:80%}.card h3,.card p{margin:0;z-index:1}.program-text{padding-top:10px}.card:before{border-radius:inherit;content:"";height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:2}.front-intro{align-items:center;display:grid;grid-column:1;grid-template-columns:1fr 1fr;grid-template-rows:100vh;justify-items:center}@media (max-width:560px){.front-intro{grid-template-columns:1fr}}.middle{left:50%;position:absolute;top:90vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3}.mouse{border:4px solid #333;border-radius:30px;height:70px;width:40px;z-index:3}.mouse:before{-webkit-animation:mouse 1.5s infinite;animation:mouse 1.5s infinite;background:#333;border-radius:50%;content:"";height:10px;left:50%;opacity:1;position:absolute;top:50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:10px}@media (max-width:500px){.mouse{height:55px;width:30px}}@-webkit-keyframes mouse{0%{opacity:1;top:15px}to{opacity:0;top:30px}}@keyframes mouse{0%{opacity:1;top:15px}to{opacity:0;top:30px}}.projects-container{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow-x:hidden;overflow-y:hidden}.projects-container h1{color:#b1a6c9;margin:50px;min-width:250px;text-align:center}.projects{grid-row-gap:10%;grid-column-gap:5%;word-wrap:break-word;align-content:center;-webkit-column-gap:5%;column-gap:5%;display:grid;flex-wrap:wrap;grid-template-columns:repeat(3,minmax(130px,250px));grid-template-rows:repeat(2,minmax(280px,100%));justify-items:center;margin:0 17% 10%;max-width:1000px;position:relative;row-gap:10%;white-space:pre-wrap;word-break:break-word}.fade-in{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%);transition:all 1s ease-out}.fade-in-appear{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity 1s ease-out,-webkit-transform 1s ease-out .5s,-webkit-filter 1s ease-out;transition:opacity 1s ease-out,transform 1s ease-out .5s,filter 1s ease-out;transition:opacity 1s ease-out,transform 1s ease-out .5s,filter 1s ease-out,-webkit-transform 1s ease-out .5s,-webkit-filter 1s ease-out}.fade-in:first-child,.fade-in:nth-child(4){-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fade-in:nth-child(3),.fade-in:nth-child(6){-webkit-transform:translateX(50%);transform:translateX(50%)}.fade-in:nth-child(2){-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fade-in:nth-child(5){-webkit-transform:translateY(50%);transform:translateY(50%)}.fade-in-appear:nth-child(4),.fade-in-appear:nth-child(5),.fade-in-appear:nth-child(6){transition-delay:.5s}.fade-in-mouse{opacity:0;transition:opacity 1s ease-in-out}.fade-in-mouse-appear{opacity:1;transition:all 1s ease-in-out}@media (max-width:839px){.projects{grid-template-columns:minmax(250px,100%);grid-template-rows:repeat(6,minmax(250px,100%));row-gap:10px}}@media (min-width:840px) and (max-width:1050px){.projects{grid-template-columns:repeat(3,minmax(130px,250px));grid-template-rows:repeat(2,minmax(340px,100%))}}.projects p{color:#fff;font-size:14px;margin:10px;text-align:justify}.projects-item-1{grid-column:1;grid-row:1}.projects-item-2{grid-column:2;grid-row:1}.projects-item-3{grid-column:3;grid-row:1}.projects-item-4{grid-column:1;grid-row:2}.projects-item-5{grid-column:2;grid-row:2}.projects-item-6{grid-column:3;grid-row:2}.project-card{border-radius:8px;display:flex;overflow:hidden;position:relative}.hover-card:hover{box-shadow:0 6px 11px 0 #000;transition:.5s}.hover-card{border:1px solid #202020;box-shadow:0 6px 11px 0 #0000004e;transition:1s}.project-card:before{-webkit-animation:animate 4s linear infinite;animation:animate 4s linear infinite;background:linear-gradient(#d468ff,#00d471);content:"";height:800px;left:50%;opacity:0;position:absolute;top:-100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s;width:100px}.project-card:hover:before{cursor:pointer;opacity:1}@media (max-width:500px){.hover-card{box-shadow:0 6px 11px 0 #000}}.project-card:after{background:#17141d;border-radius:8px;content:"";inset:1px;position:absolute}.project-content{height:100%;position:relative;z-index:5}@-webkit-keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.top-card{align-content:center;color:#c6fced;display:grid;grid-template-columns:minmax(100%,100%) minmax(100%,100%);margin-left:10px;text-align:left}.project-date{bottom:0;margin:10px;position:absolute;right:0}.divider{height:100px}.projects-video-container{display:grid;grid-template-columns:98vw 98vw;opacity:1;overflow-x:hidden;-webkit-transform:translateX(-100vw);transform:translateX(-100vw);transition:all 1.5s ease-in-out;width:197vw}.scroll-to-video{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1.5s ease-in-out}.projects-container{-webkit-filter:blur(0);filter:blur(0);opacity:1}.projects-container,.show-vid{transition:opacity 2s,-webkit-transform 2s ease-in,-webkit-filter 2s;transition:transform 2s ease-in,opacity 2s,filter 2s;transition:transform 2s ease-in,opacity 2s,filter 2s,-webkit-transform 2s ease-in,-webkit-filter 2s}.show-vid{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;overflow:hidden}.video-container{opacity:0;transition:opacity 1s}.video-container,.video-container-show-vid{align-content:center;display:grid;grid-template-columns:2fr 1fr;height:100vh;justify-items:center;overflow:hidden}.video-container-show-vid{opacity:1;transition:opacity 3s}.videos-show-vid iframe{border:1px solid #000;box-shadow:0 6px 11px 0 #000;opacity:1}.videos iframe,.videos-show-vid iframe{height:30vw;transition:opacity 2s;width:50vw}.videos iframe{opacity:0}.video-right-section{align-items:center;display:flex;flex-direction:column;height:100%;margin-right:5%;max-width:300px}.video-text-container h1{color:#c6fced;margin-left:10px;text-align:left}.video-text-container{border-radius:8px;display:flex;flex-direction:column;height:80%;overflow:hidden;position:relative;transition:box-shadow 2s}@media (max-width:700px){.videos-show-vid iframe{height:60vw;width:80vw}.video-container-show-vid{gap:20px;grid-template-columns:1fr}.video-right-section{max-width:500px}}.video-text-container:before{-webkit-animation:animate 4s linear infinite;animation:animate 4s linear infinite;background:linear-gradient(#d468ff,#00d471);content:"";height:800px;opacity:0;position:absolute;top:-50vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s;width:100px}.video-text-container:hover:before{cursor:pointer;opacity:1}.video-text-container:after{background:#17141d;border-radius:30px;content:"";inset:1px;position:absolute}.video-text{color:#fff;font-size:14px;margin:10px;text-align:justify;z-index:6}.video-text-container:hover{box-shadow:0 6px 11px 0 #000;transition:.5s}.return-projects{align-items:center;border:1px solid gray;border-radius:10px;box-shadow:0 6px 11px 0 #000;color:#fff;cursor:pointer;display:flex;height:100px;justify-content:center;margin-top:50px;transition:all .2s;width:100px}.return-projects:hover{border:1px solid #fff;box-shadow:0 15px 15px 0 #000}@media (max-width:500px){.projects-video-container{display:flex;flex-direction:column-reverse;height:100%;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity 0s ease-in-out,-webkit-transform 0s ease-in-out;transition:transform 0s ease-in-out,opacity 0s ease-in-out;transition:transform 0s ease-in-out,opacity 0s ease-in-out,-webkit-transform 0s ease-in-out;width:100%}.scroll-to-video{flex-direction:column;transition:all 0s ease-in-out}.show-vid,.video-container{height:0}.projects-container{-webkit-filter:blur(0);filter:blur(0);opacity:1;transition:opacity 0s,-webkit-transform 0s ease-in,-webkit-filter 0s;transition:transform 0s ease-in,opacity 0s,filter 0s;transition:transform 0s ease-in,opacity 0s,filter 0s,-webkit-transform 0s ease-in,-webkit-filter 0s}}.contact-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:10%;margin-right:10%;margin-top:20vh;min-width:80%;position:relative}.contact-container h1{-webkit-touch-callout:none;color:#fff;color:#b1a6c9;margin:50px;-webkit-user-select:none;user-select:none}.contact-section{align-content:center;color:#fff;display:grid;font-size:20px;font-weight:400;grid-template-columns:1fr 1fr 1fr;justify-items:center}@media(max-width:890px){.contact-section{grid-template-columns:1fr;justify-items:left}}.contact-section p{text-align:left}@media (max-width:530px){.contact-container{font-size:20px;text-align:center}}.about-container{align-items:center;display:flex;flex-direction:column;height:60vh;margin-left:10%;margin-right:10%;min-width:300px;z-index:5}@media (max-width:870px){.about-container{height:110vh}}@media (max-width:500px){.about-container{height:130vh}}.about-container h1{-webkit-touch-callout:none;color:#fff;color:#b1a6c9;display:flex;margin:50px;-webkit-user-select:none;user-select:none}.about-section{display:grid;grid-template-columns:1fr 1fr;width:100%}.about-right-section p{color:#fff;font-size:17px;font-weight:100;margin-right:50px;text-align:left}.about-right-section h3{color:#c6fced;font-size:25px;font-weight:500}.about-right-section h2{color:#fff;font-size:20px;font-weight:400}.about-left-section{align-items:center;display:flex;justify-content:center}.picture-carousel{display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.picture-carousel{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}}@media (max-width:700px){.about-section{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}}.picture-carousel img{height:50px}.logo{-webkit-touch-callout:none;align-items:center;background-color:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 6px 11px 0 #000;display:flex;-webkit-filter:blur(5px);filter:blur(5px);justify-content:center;margin:5px;opacity:0;padding:10px;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:opacity .5s,-webkit-filter .5s,-webkit-transform .5s;transition:opacity .5s,filter .5s,transform .5s;transition:opacity .5s,filter .5s,transform .5s,-webkit-filter .5s,-webkit-transform .5s;-webkit-user-select:none;user-select:none}.picture-carousel .appear{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.logo:nth-child(2){transition-delay:.1s}.logo:nth-child(3){transition-delay:.2s}.logo:nth-child(4){transition-delay:.3s}.logo:nth-child(5){transition-delay:.4s}.logo:nth-child(6){transition-delay:.5s}.logo:nth-child(7){transition-delay:.6s}.logo:nth-child(8){transition-delay:.7s}
/*# sourceMappingURL=main.e4b6eca6.css.map*/