@import url("https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap");:root{--dark-background-colour:#2a1b3d;--light-text-color:#ebebeb;--glowing-color:#78b3ce;--accent-color:#d84187;--accent-glowing-color:#b31a61;--accent-color-2:#8f66cc;font-size:-moz-calc(5px + .5vmin);font-size:calc(5px + .5vmin);font-family:Raleway,sans-serif;scroll-behavior:smooth}*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.app{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}section{padding-top:16rem}svg *{pointer-events:none}button{cursor:pointer;border:none;font-size:2rem;width:20rem;height:6rem;border-radius:3rem}h3{margin-bottom:4rem;font-size:7rem;text-align:center;position:relative}h3:after{content:"";position:absolute;bottom:-1.2rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);width:5rem;height:3px;background-color:var(--accent-color-2)}.about{background-color:#fff;padding-left:10vw;padding-right:10vw}.about p{font-size:2rem;line-height:3rem;text-align:center}.icons{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;flex-wrap:wrap}.icons div{margin:5rem;opacity:0;-webkit-transform:translateY(-10rem);-moz-transform:translateY(-10rem);transform:translateY(-10rem);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:opacity 1s,transform 1s,-moz-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s,-moz-transform 1s}.icons p{font-weight:700;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s}.icons div.appear{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}.about svg{width:16rem;height:18rem;position:relative}.contact{position:fixed;width:768px;max-width:-moz-calc(100vw + 1px);max-width:calc(100vw + 1px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:-moz-calc(100vh + 1px);max-height:calc(100vh + 1px);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;padding:30px;background-color:#fff;opacity:0;visibility:hidden;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s;pointer-events:none;overflow-y:auto;border-radius:15px}.contact.active{pointer-events:all;visibility:visible;opacity:1}.close-modal{position:absolute;top:30px;right:30px;width:40px;height:40px;font-size:30px;text-align:center;background-color:#fff}.form-header{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form-header h3{text-align:left}form,form>div{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}form>div,form label{margin-bottom:10px}form label{font-size:2rem}form input,form textarea{padding:8px;font-size:2rem;border:1px solid #000}form textarea{resize:none;height:150px}.button-wrapper{cursor:pointer}.button-wrapper button{color:var(--light-text-color);opacity:1;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.2);box-shadow:0 3px 5px rgba(0,0,0,.2);-webkit-transform:none;-moz-transform:none;transform:none;background-color:var(--accent-color-2);margin-left:auto}.button-wrapper:hover button{opacity:.8;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(3px);-moz-transform:translateY(3px);transform:translateY(3px)}#overlay{opacity:0;position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#000;z-index:5;pointer-events:none;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s}#overlay.active{opacity:.6;pointer-events:all}footer{padding:8rem 6vw 4vh;background-color:var(--dark-background-colour);display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;grid-gap:4rem;gap:4rem}footer>*{opacity:0}footer button{background-color:var(--accent-color);color:var(--light-text-color);-webkit-box-shadow:none;box-shadow:none}footer button:hover{-webkit-box-shadow:0 0 10px var(--accent-glowing-color),0 0 20px var(--accent-glowing-color),0 0 40px var(--accent-glowing-color),0 0 80px var(--accent-glowing-color);box-shadow:0 0 10px var(--accent-glowing-color),0 0 20px var(--accent-glowing-color),0 0 40px var(--accent-glowing-color),0 0 80px var(--accent-glowing-color)}footer h5{font-size:4rem;color:var(--light-text-color);text-shadow:0 0 10px var(--glowing-color),0 0 20px var(--glowing-color),0 0 40px var(--glowing-color),0 0 80px var(--glowing-color);text-align:center}footer svg{width:5rem;height:5rem}.pageEnd{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;width:100%;height:6rem;line-height:6rem}.pageEnd p{font-size:2rem}.socials>*{position:relative;margin:0 .8rem;-webkit-filter:brightness(100) opacity(88%);filter:brightness(100) opacity(88%);cursor:pointer}.socials>:hover{-webkit-filter:brightness(1);filter:brightness(1)}footer p{font-size:2rem;color:var(--light-text-color)}footer.appear h5{-webkit-animation:animate-heading 1.5s ease-in;-moz-animation:animate-heading 1.5s ease-in;animation:animate-heading 1.5s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}footer.appear button{-webkit-animation:animate-other 1.5s ease-in;-moz-animation:animate-other 1.5s ease-in;animation:animate-other 1.5s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}footer.appear .pageEnd{-webkit-animation:animate-other 1.5s ease-in;-moz-animation:animate-other 1.5s ease-in;animation:animate-other 1.5s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}@-webkit-keyframes animate-heading{0%{opacity:0;color:var(--dark-background-colour)}to{opacity:1;color:var(--light-text-color)}}@-moz-keyframes animate-heading{0%{opacity:0;color:var(--dark-background-colour)}to{opacity:1;color:var(--light-text-color)}}@keyframes animate-heading{0%{opacity:0;color:var(--dark-background-colour)}to{opacity:1;color:var(--light-text-color)}}header{height:clamp(500px,100vh,800px);color:var(--light-text-color);position:relative;overflow-x:hidden}.chevron *{pointer-events:none}.chevron>svg{width:5rem;height:5rem;-webkit-animation:move-chevron 2s linear infinite;-moz-animation:move-chevron 2s linear infinite;animation:move-chevron 2s linear infinite}.chevron>svg path{fill:var(--light-text-color)}.chevron{position:absolute;cursor:pointer;left:50%;-webkit-transform:translate(-50%,-2rem);-moz-transform:translate(-50%,-2rem);transform:translate(-50%,-2rem);bottom:0;width:6rem;height:6rem;border-radius:3rem;background-color:hsla(0,0,0,0);display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}@-webkit-keyframes move-chevron{0%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}to{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}}@-moz-keyframes move-chevron{0%{-moz-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-moz-transform:translateY(.5rem);transform:translateY(.5rem)}to{-moz-transform:translateY(-.5rem);transform:translateY(-.5rem)}}@keyframes move-chevron{0%{-webkit-transform:translateY(-.5rem);-moz-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.5rem);-moz-transform:translateY(.5rem);transform:translateY(.5rem)}to{-webkit-transform:translateY(-.5rem);-moz-transform:translateY(-.5rem);transform:translateY(-.5rem)}}h1,h2{-webkit-animation:animate-title 1.5s ease-in;-moz-animation:animate-title 1.5s ease-in;animation:animate-title 1.5s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both;text-shadow:0 0 10px var(--glowing-color),0 0 20px var(--glowing-color),0 0 40px var(--glowing-color),0 0 80px var(--glowing-color)}.landing button,.topbar{-webkit-animation:animate-other 1.5s ease-in;-moz-animation:animate-other 1.5s ease-in;animation:animate-other 1.5s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes animate-title{0%{opacity:0;color:var(--dark-background-colour)}to{opacity:1;color:var(--light-text-color)}}@-moz-keyframes animate-title{0%{opacity:0;color:var(--dark-background-colour)}to{opacity:1;color:var(--light-text-color)}}@keyframes animate-title{0%{opacity:0;color:var(--dark-background-colour)}to{opacity:1;color:var(--light-text-color)}}@-webkit-keyframes animate-other{0%{opacity:0}to{opacity:1}}@-moz-keyframes animate-other{0%{opacity:0}to{opacity:1}}@keyframes animate-other{0%{opacity:0}to{opacity:1}}.topbar{-moz-box-pack:justify;justify-content:space-between;-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;padding:3rem}.topbar,nav ul{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}nav ul{-moz-box-pack:space-evenly;justify-content:space-evenly;grid-gap:3rem;gap:3rem}nav li{list-style-type:none;cursor:pointer;font-size:2rem}nav li:hover{text-shadow:0 0 10px var(--glowing-color),0 0 20px var(--glowing-color),0 0 40px var(--glowing-color),0 0 80px var(--glowing-color)}.topbar svg{width:3rem;height:3rem;cursor:pointer}.landing{max-width:80vw;margin:9rem auto;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;grid-gap:5rem;gap:5rem}h1,h2{text-align:center;letter-spacing:1rem}h1{font-size:9rem}h2{font-size:4rem;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}.landing button{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s;background-color:var(--accent-color);color:var(--light-text-color);margin-top:1rem;-webkit-box-shadow:none;box-shadow:none}.landing button:hover{-webkit-box-shadow:0 0 10px var(--accent-glowing-color),0 0 20px var(--accent-glowing-color),0 0 40px var(--accent-glowing-color),0 0 80px var(--accent-glowing-color);box-shadow:0 0 10px var(--accent-glowing-color),0 0 20px var(--accent-glowing-color),0 0 40px var(--accent-glowing-color),0 0 80px var(--accent-glowing-color)}.projects{-moz-box-orient:vertical;flex-direction:column;-moz-box-align:center;align-items:center}.card,.projects{display:-moz-box;display:flex;-moz-box-direction:normal}.card{position:relative;width:min(88vw,960px);border-radius:15px;-moz-box-orient:horizontal;flex-direction:row;margin-top:10rem;-webkit-box-shadow:0 0 100px rgba(0,0,0,.3);box-shadow:0 0 100px rgba(0,0,0,.3);overflow:hidden;opacity:0;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:opacity 1s,transform 1s,-moz-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s,-moz-transform 1s}.card.appear{opacity:1}.card-info{height:400px;width:50%;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.card-image{position:relative;height:400px;width:50%;opacity:.8}.projects img{height:100%;width:100%}.reverse{-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse}@media screen and (max-width:888px){.card{width:min(85vw,500px);-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-top:30px}.card-image,.card-info{width:100%;height:300px}}.card-info h4{font-size:5rem}.card-info h4,.card-info p{max-width:80%;text-align:center}.card-info p{font-size:2rem;line-height:3rem;margin-bottom:80px;margin-top:20px}.card-info button{margin-bottom:2px;background-color:var(--accent-color-2);color:var(--light-text-color);opacity:1;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.2);box-shadow:0 3px 5px rgba(0,0,0,.2);-webkit-transform:none;-moz-transform:none;transform:none}.card-info div{cursor:pointer}.card-info div:hover>button{opacity:.8;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(3px);-moz-transform:translateY(3px);transform:translateY(3px)}canvas{background-color:#2a1b3d;top:0;z-index:-1}.settings,canvas{position:absolute;left:0}.settings{padding:30px;bottom:0;background-color:rgba(65,41,96,0);z-index:2;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;grid-gap:2rem;gap:2rem}.MuiSlider-root,.settings button,.sliderText{opacity:0;pointer-events:none}.MuiSlider-root{color:var(--light-text-color)!important}.MuiSlider-thumb:hover{-webkit-box-shadow:none!important;box-shadow:none!important}.settingsWrapper{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:space-evenly;justify-content:space-evenly}.settings.active{background-color:#412960}.settings.active *{pointer-events:all;opacity:1}.settings svg{width:5rem;height:5rem;margin-top:2rem;fill:var(--light-text-color);cursor:pointer}.settings button{margin-left:3rem;margin-top:2rem}.settings button:hover,.settings svg:hover{-webkit-filter:drop-shadow(0 0 10px var(--glowing-color)) drop-shadow(0 0 20px var(--glowing-color)) drop-shadow(0 0 40px var(--glowing-color)) drop-shadow(0 0 80px var(--glowing-color)) opacity(95%);filter:drop-shadow(0 0 10px var(--glowing-color)) drop-shadow(0 0 20px var(--glowing-color)) drop-shadow(0 0 40px var(--glowing-color)) drop-shadow(0 0 80px var(--glowing-color)) opacity(95%)}.sliderText{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;font-size:2rem}