body{background-color:#020c16;box-sizing:initial;font-family:Electrolize,sans-serif;margin:0;overflow-x:hidden;overflow-y:auto;overflow-y:scroll;padding:0}.app{height:100vh}.app,nav{width:100vw}nav{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-image:linear-gradient(180deg,#0000007d,#0000);left:0;padding:1vh;position:fixed;top:0;z-index:90}ul{color:#40e0d0;display:flex;flex-direction:row;justify-content:space-around;list-style:none;margin:0;padding:0;width:100%}.nav-link,ul{text-decoration:none}.nav-link{color:#f0f8ff;text-align:center;text-transform:uppercase}.three-container{display:block;height:100vh;margin:0;padding:0;width:100%}.three-canvas{background-color:#020c16;height:100%;width:100%}.home-text{color:#eaf5ff;display:flex;flex-direction:column;height:100%;justify-content:center;pointer-events:none;position:absolute;text-align:center;text-shadow:#09111b 2px 2px 4px;text-transform:uppercase;width:100%;z-index:1}.home-title{font-size:4rem;letter-spacing:1rem;margin:0;padding:0}.home-subtitle{font-size:1rem;letter-spacing:.5rem;margin:0;padding:0}.work-page{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;padding:20px;position:absolute;width:100vw}.video-container{margin:20vh,0;padding:5vh 0 10vh;width:75%}.work-video{border-radius:8px;box-shadow:0 4px 8px #00000080;width:100%}.grid-container{grid-gap:2vw;display:grid;gap:2vw;grid-template-columns:repeat(3,1fr);max-width:75%;padding-bottom:5vw;width:100%}@media(max-width:900px){.grid-container{grid-template-columns:repeat(2,1fr)}}.grid-item{align-items:center;aspect-ratio:16/9;background:#222;border-radius:8px;cursor:pointer;display:flex;height:auto;justify-content:center;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.grid-item:hover{transform:scale(1.05)}.grid-item-image{border-radius:8px;display:block;height:100%;object-fit:cover;width:100%}.grid-item:after{background:linear-gradient(180deg,#0000 10%,#000000e6);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.grid-item:hover:after{opacity:1}.grid-item-title{bottom:-10px;color:#fff;font-size:1.2rem;font-weight:700;left:10px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:10}.grid-item:hover .grid-item-title{opacity:.9}.modal-overlay{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;padding-top:5vh;position:fixed;top:0;width:100vw}.modal-overlay .modal-content{align-items:center;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);background-color:#09192c61;border-radius:8px;box-shadow:0 4px 8px #00000080;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.modal-overlay .modal-content .modal-close-btn{background-color:#0000;border:none;color:#fff;cursor:pointer;font-size:32px;position:absolute;right:3vw;top:5vh}.modal-overlay .modal-content .main-content{display:flex;flex-direction:column;padding:20px;width:75%}.modal-overlay .modal-content .main-content .modal-cover,.modal-overlay .modal-content .main-content .modal-cover-embed{height:80vh;width:100%}.modal-overlay .modal-content .main-content .modal-cover iframe,.modal-overlay .modal-content .main-content .modal-cover-embed iframe{border-radius:8px;height:100%;width:100%}.modal-overlay .modal-content .main-content .modal-title{font-size:2rem;margin-top:4%}.modal-overlay .modal-content .main-content .modal-category,.modal-overlay .modal-content .main-content .modal-credits,.modal-overlay .modal-content .main-content .modal-tools{font-size:.9rem;margin:0;opacity:.5}.modal-overlay .modal-content .main-content .summary-title{margin-top:2%}.modal-overlay .modal-content .main-content .modal-summary{margin-bottom:2%}.modal-overlay .modal-content .main-content .modal-links{display:flex;justify-content:flex-start;padding:2% 0}.modal-overlay .modal-content .main-content .modal-links ul{display:flex;justify-content:flex-start}.modal-overlay .modal-content .main-content .modal-links ul li{border:.5px solid #9ac5ff;border-radius:8px;margin-right:2%;padding:.9% 1%}.modal-overlay .modal-content .main-content .modal-links ul li a{color:#9ac5ff;font-size:.8rem;text-decoration:none}.modal-overlay .modal-content .main-content h2{font-size:1.1rem;margin-bottom:10px;text-align:left;width:100%}.modal-overlay .modal-content .main-content p{font-size:1rem;line-height:2;text-align:left;width:100%}.modal-overlay .modal-content .main-content .project-gallery{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto;padding-bottom:10vh;width:100%}.modal-overlay .modal-content .main-content .project-gallery .gallery-media,.modal-overlay .modal-content .main-content .project-gallery .gallery-media-embed{border-radius:8px;box-shadow:0 2px 8px #00000040;height:auto;margin:1.2vw;min-height:15vw;min-width:250px;width:20vw}.modal-overlay .modal-content .main-content .project-gallery .gallery-media-embed.vertical,.modal-overlay .modal-content .main-content .project-gallery .gallery-media.vertical{height:auto;min-width:200px;width:10vw}.modal-overlay .modal-content .main-content .project-gallery .gallery-media iframe,.modal-overlay .modal-content .main-content .project-gallery .gallery-media-embed iframe{border-radius:8px;height:100%;width:100%}.about-page{height:100vh;position:relative;width:100vw;z-index:1}.about{align-items:center;color:#fff;display:flex;flex-direction:column}.about a{color:#fff;text-decoration:underline}.about a:hover{color:#9ac5ff}.about .section{height:110vh;justify-content:center;width:90vw}.about .main,.about .section{align-items:center;display:flex;flex-direction:column}.about .main{align-content:center}.about .main img{border-radius:8px;height:auto;margin-right:5%;width:300px}.about .main p{font-size:1.2rem;line-height:1.6;max-width:700px}.about .main .icon-links{width:100%}.about .main ul{align-items:center;display:flex;flex-direction:row;list-style:none;margin:5% 0 0;padding:0;text-decoration:none}.about .main li{list-style:none;padding:0 7% 0 0}.about .main a,.about .main li{align-items:center;display:flex;justify-content:center;margin:0;text-decoration:none}.about .main a{color:#fff;padding:0}.about .main .link-text{font-size:14px;font-weight:300;padding-left:5%}.about .main .icon{fill:#fff!important;color:#fff!important;height:30px;margin:0;padding:0;transition:fill .3s ease;width:30px}.about .main .icon:hover{fill:#93ebfc}.about .skills{width:50vw}.about .skills p{font-size:1.2rem;line-height:1.6;max-width:700px;padding-bottom:5%}.about .publication{width:70vw}.about .publication li,.about .publication ul{display:flex;flex-direction:column}.about .publication li{color:#fff;padding:2%}.about .publication li h3{font-size:1rem;line-height:200%;margin:0;padding:0 0 .5%}.about .publication li p{line-height:150%;margin:0;top:0}.about-canvas{height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:10}.contact-page{align-items:center;color:#d0e4ff;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.contact-page .contact-form{border:1px solid #d0e4ff;border-radius:16px;padding:5%;width:50%}.contact-page .contact-form .section{padding:2%}.contact-page .contact-form form{width:100%}.contact-page .contact-form label{padding:0 5%}.contact-page .contact-form input,.contact-page .contact-form textarea{background-color:#d0e4ff;border:none}.contact-page .contact-form textarea{width:50%}.contact-page .contact-form button{background:#0000;border:.5px solid #d0e4ff;border-radius:8px;color:#d0e4ff;margin-right:2%;padding:.9% 1%}.contact-page .icon-links{width:80%}.contact-page ul{align-items:center;display:flex;flex-direction:row;list-style:none;margin:5% 0 0;padding:0;text-decoration:none}.contact-page li{list-style:none;padding:0 7% 0 0}.contact-page a,.contact-page li{align-items:center;display:flex;justify-content:center;margin:0;text-decoration:none}.contact-page a{color:#d0e4ff;padding:0}.contact-page .link-text{font-size:14px;font-weight:300;padding-left:5%}.contact-page .icon{fill:#d0e4ff!important;color:#d0e4ff!important;height:30px;margin:0;padding:0;transition:fill .3s ease;width:30px}.contact-page .icon:hover{fill:#93ebfc}
/*# sourceMappingURL=main.28769b98.css.map*/