@import url(https://fonts.googleapis.com/css2?family=Jost:wght@300;400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap);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}:root{--highlights:#53d8fb;--black:#030303;--dpurple:#251b37;--purple:#372948;--pink:#ffbcbc;--white:#fff;--thin:300;--regular:400;--thick:600;--jost:"Jost",sans-serif;--didact:"Didact Gothic",sans-serif}*,:after,:before{border:none;box-sizing:border-box}:focus:not(:focus-visible){outline:none}body{background-color:#030303;background-color:var(--black);font-family:Didact Gothic,sans-serif;font-family:var(--didact)}.dummy-a,a,body{color:#fff;color:var(--white)}.dummy-a,a{padding-bottom:4px;position:relative;text-decoration:none}.dummy-a,a:visited{color:#ffbcbc;color:var(--pink)}.dummy-a:after,a:after{background-color:#53d8fb;background-color:var(--highlights);bottom:0;content:"";height:2px;left:5%;position:absolute;transition:all .2s;width:90%}.a-clean{padding-bottom:auto;position:static}.a-clean,.a-clean:visited{color:auto}.a-clean:after{display:none}a:hover:after{left:0;width:100%}.text-highlighted{text-decoration:underline;text-decoration-color:#53d8fb;text-decoration-color:var(--highlights);text-decoration-style:wavy}.transitioner{background-color:#372948;background-color:var(--purple);height:100vh;left:0;position:fixed;top:0;width:100vw}.transitioner-home{-webkit-transform-origin:0 100%;transform-origin:0 100%}.hero-container{height:100vh;position:relative;scroll-snap-align:start;width:100vw;z-index:0}.canvas-container{background-color:var(--black)}.canvas-container,.cover-container{height:100%;position:absolute;width:100%}.cover-container{align-items:center;display:flex;justify-content:center;overflow:hidden;pointer-events:none}.cover-container h1{color:var(--pink);display:flex;font-family:var(--jost);font-size:12vh;font-weight:var(--thick);text-shadow:0 0 24px #000}.cover-container .name-letter{--init-delay:1s;--letter-delay:150ms;-webkit-animation:turnletters 1s forwards;animation:turnletters 1s forwards;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}@-webkit-keyframes turnletters{0%{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes turnletters{0%{opacity:0;-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.name-letter:first-of-type{-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*1);animation-delay:calc(var(--init-delay) + var(--letter-delay)*1)}.name-letter:nth-of-type(2){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*2);animation-delay:calc(var(--init-delay) + var(--letter-delay)*2)}.name-letter:nth-of-type(3){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*3);animation-delay:calc(var(--init-delay) + var(--letter-delay)*3)}.name-letter:nth-of-type(4){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*4);animation-delay:calc(var(--init-delay) + var(--letter-delay)*4)}.name-letter:nth-of-type(5){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*5);animation-delay:calc(var(--init-delay) + var(--letter-delay)*5)}.name-letter:nth-of-type(6){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*6);animation-delay:calc(var(--init-delay) + var(--letter-delay)*6)}.name-letter:nth-of-type(7){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*7);animation-delay:calc(var(--init-delay) + var(--letter-delay)*7)}.name-letter:nth-of-type(8){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*8);animation-delay:calc(var(--init-delay) + var(--letter-delay)*8)}.name-letter:nth-of-type(9){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*9);animation-delay:calc(var(--init-delay) + var(--letter-delay)*9)}.name-letter:nth-of-type(10){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*10);animation-delay:calc(var(--init-delay) + var(--letter-delay)*10)}.name-letter:nth-of-type(11){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*11);animation-delay:calc(var(--init-delay) + var(--letter-delay)*11)}.name-letter:nth-of-type(12){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*12);animation-delay:calc(var(--init-delay) + var(--letter-delay)*12)}.name-letter:nth-of-type(13){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*13);animation-delay:calc(var(--init-delay) + var(--letter-delay)*13)}.name-letter:nth-of-type(14){-webkit-animation-delay:calc(var(--init-delay) + var(--letter-delay)*14);animation-delay:calc(var(--init-delay) + var(--letter-delay)*14)}@media screen and (max-width:786px){.name-letter{display:none}.name-letter:first-of-type{display:block}.name-letter:nth-of-type(5){display:block;margin-left:.2em}}.about-container{align-items:center;background-color:var(--black);color:var(--pink);display:flex;height:100vh;justify-content:center;width:100vw}.about{display:flex;overflow:hidden;position:relative;width:80vw}.about-box{background-color:var(--dpurple);height:60vh}.info{align-items:center;color:#000;display:flex;justify-content:center;padding:5em;position:relative;width:100%}.info .profile svg{--skin:#f1c27d;--skin-shade:#d1a563;background-color:var(--purple);border-radius:8px;height:24em;width:24em}.info p{color:var(--white);font-family:var(--didact);font-size:2em;margin-left:2em}@media screen and (max-width:786px){.about-container{margin-top:4em}.about{width:100%}.info{flex-direction:column;font-size:.6em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:1em}.info p{font-size:1.2rem;margin-left:0;text-align:center}}.skills{background-color:var(--purple);box-shadow:0 0 16px #0007;display:flex;position:absolute;-webkit-transform:translateX(141%);transform:translateX(141%);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:53.33333vw}.skills:hover{-webkit-transform:translateX(50%);transform:translateX(50%)}.skills-header{display:flex;height:100%;justify-content:center;overflow:hidden;width:5.33333vw}.skills-header h2{color:var(--highlights);font-family:var(--jost);font-size:3em;margin:initial;margin-bottom:1em;-webkit-writing-mode:sideways-lr;writing-mode:sideways-lr}.skills-main{color:var(--white);display:flex;flex-direction:column;margin:1em;overflow:hidden;width:100%}.skills-main .skills-container{height:50%}.skills-main h3{font-family:var(--jost);font-size:1.5em;font-weight:var(--regular);margin:initial}.skills-container .skills-icons{display:flex;flex-wrap:wrap;height:80%;overflow-y:scroll;padding:16px 0}.skills-container .skills-icons .skills-icon{display:flex;flex-direction:column;font-size:3rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:8px 2px;padding:2px auto;width:100px}.skills-container .skills-icons .skills-icon:hover{color:var(--highlights)}.skills-container .skills-icons .skills-icon img{margin:auto;max-width:1.2em}.skills-container .skills-icons .skills-icon label{font-size:1rem;text-align:center}.skills-mob{display:none;height:59px;position:relative}.skills-mob .skills-toggle{color:var(--highlights);font-family:var(--jost);font-size:2em;font-weight:var(--thick);padding:.2em;text-align:center;-webkit-user-select:none;user-select:none;z-index:2}.skills-mob .skills-mob-main,.skills-mob .skills-toggle{background-color:var(--purple);position:absolute;width:100%}.skills-mob .skills-mob-main{display:flex;height:240px;padding:.5em;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;z-index:1}.skills-mob-main .skills-icons-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.7fr 1.3fr}.skills-mob-main .skills-icons-grid h3{margin:initial}.skills-mob-main .skills-icons-grid .skills-icons{overflow-y:scroll;padding:0 .5em}.skills-mob-main .skills-icons-grid .skills-icon{align-items:center;color:var(--highlights);display:flex;font-size:1.2em;gap:.5em}.skills-mob-main .skills-icons-grid .skills-icon label{color:var(--white)}@media screen and (max-width:786px){.skills{display:none}.about{flex-direction:column}.skills-mob{display:block}}.nav-container{display:block;max-width:100vw;overflow:hidden;position:fixed;top:0;transition:transform .5s ease-in-out;width:100%;z-index:99}.nav-container.nav-inactive{-webkit-transform:translateY(-100px);transform:translateY(-100px)}.nav{background:linear-gradient(#000,#0000);display:flex;justify-content:flex-end;padding-right:5em}.nav .navlink{background:transparent;color:var(--white);cursor:pointer;font-family:var(--jost);font-size:1.5em;margin:1em 1.5em;text-shadow:0 0 8px #0007}.nav .logo{color:#fff;margin-right:auto}@media screen and (max-width:786px){.nav{justify-content:center;padding-right:0}.nav button{font-size:1em;margin:1em}}.work-container{align-items:center;background-color:var(--black);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:100vw;overflow:hidden;padding:120px;pointer-events:none}.work-container .title{color:var(--highlights);font-family:var(--didact);font-size:1.5rem}.work-container .work-title{--valX:0;--valY:0;color:var(--white);cursor:pointer;font-family:var(--jost);font-size:6em;font-weight:var(--thick);margin:1em 0;overflow:hidden;pointer-events:all;position:relative;-webkit-transform:translate(var(--valX),var(--valY)) scaleX(1);transform:translate(var(--valX),var(--valY)) scaleX(1);-webkit-transform-origin:center;transform-origin:center;transition:scale .3s,opacity .3s,-webkit-transform .1s;transition:scale .3s,transform .1s,opacity .3s;transition:scale .3s,transform .1s,opacity .3s,-webkit-transform .1s}.work-title:before{background-color:var(--highlights);border-radius:4px;bottom:20px;content:"";height:4px;left:-100%;position:absolute;transition:left .5s;width:100%}.work-container:hover>.work-title{opacity:.5}.work-container .work-title:hover{opacity:1;scale:1.2}.work-container .work-title:hover:before{left:0}@media screen and (max-width:786px){.work-container .work-title{font-size:2.5em;margin:.5em 0;text-align:center;text-decoration:underline;text-decoration-color:var(--highlights);text-decoration-style:wavy}}.transitioner-work{-webkit-transform-origin:0 0;transform-origin:0 0}.work-details{min-height:100vh;-webkit-transform-origin:0 100%;transform-origin:0 100%}.work-header{display:flex;gap:4em;justify-content:center;padding:10vh 0;width:100%}.work-header .work-metabox{font-size:1.2em;margin:4px}.work-header div{margin:1em}.work-header h3{color:var(--highlights);font-size:1.2em}.work-header h1{font-family:var(--jost);font-size:2.5em}.work-header p{font-size:1.2em;width:40vw}.work-main .img-org{height:80vh;object-fit:cover;width:100vw}.work-main .work-endtext,.work-main .work-subtext{display:flex;gap:4vw;justify-content:center;padding:10vh 0;width:100%}.work-main .work-subtext div{font-size:1.2rem;width:30vw}.work-main .work-endtext div{font-size:1.2rem;text-align:center;width:50vw}.work-main .img-home{align-items:center;display:flex;flex-direction:column;width:100vw}.work-main .img-home img{margin:2rem;width:50vw}.work-screens{align-items:center;display:flex;height:70vh;justify-content:center;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;width:100%}.work-screens div{max-width:100vw;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.work-screens div .screenimg{position:absolute}.work-screenselectors{align-items:center;display:flex;justify-content:center;width:100%}.work-buttons{border:2px solid var(--pink);border-radius:8px;display:flex;overflow:hidden;position:relative}.work-buttons .btn-bg{background-color:var(--pink);content:"";height:100%;left:var(--bg-margin-left-33);position:absolute;transition:all .2s;width:20px;width:33%;z-index:-1}.work-buttons button{background-color:initial;color:var(--white);cursor:pointer;font-size:1.5em;mix-blend-mode:difference;padding:.5em 1em;width:3.5em}.work-footer{align-items:center;background-color:var(--black);display:flex;justify-content:space-between;padding:3em 4em;width:100%}.work-totop{cursor:pointer;overflow:hidden;padding-bottom:4px;position:relative}.work-totop:after{background-color:var(--pink);bottom:0;content:"";height:2px;left:-100%;position:absolute;transition:left .2s;width:60%}.work-totop:hover:after{left:20%}@media screen and (max-width:786px){.work-header{flex-direction:column-reverse;gap:1em;padding:2em 0}.work-header div h1{font-size:2em;text-align:center}.work-header div p{width:100%}.work-metabox{font-size:.5em}.work-main .img-org{max-width:100vw}.work-main .work-subtext{flex-direction:column;padding:1em}.work-main .work-subtext div{font-size:1em;text-align:justify;width:100%}.work-main .img-home img{width:90%}.work-main .work-endtext{padding:0 0 5em}.work-main .work-endtext div{font-size:1em;padding:1em;width:100%}.work-responsive{display:none}.work-footer{padding:1em}}.backbtn{aspect-ratio:1/1;border:2px solid var(--pink);border-radius:50%;box-sizing:border-box;color:var(--white);cursor:pointer;display:grid;overflow:hidden;place-content:center;position:fixed;right:2em;top:2em;width:60px}.backbtn span{mix-blend-mode:difference}.backbtn:before{background:var(--pink);content:"";height:100%;position:absolute;scale:0 1;-webkit-transform-origin:0 100%;transform-origin:0 100%;transition:scale .2s ease-in-out;width:100%;z-index:-1}.backbtn:after{display:none}.backbtn:hover:before{scale:1 1;-webkit-transform-origin:100% 0;transform-origin:100% 0}@media screen and (max-width:786px){.backbtn{border-width:4px;font-size:1.5em;font-weight:700;right:.8rem;scale:.8;top:.8rem}}.pgnbtn{border:2px solid var(--pink);color:var(--pink);font-size:1.2em;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;overflow:hidden;padding:.5em;position:relative;transition:padding-left .2s;width:9em}.pgnbtn-prev{border-bottom-left-radius:1.5em;border-bottom-right-radius:.5em;border-top-left-radius:1.5em;border-top-right-radius:.5em;padding-left:2em}.pgnbtn-next{border-bottom-left-radius:.5em;border-bottom-right-radius:1.5em;border-top-left-radius:.5em;border-top-right-radius:1.5em;padding-left:5em}.pgnbtn span{font-family:var(--jost);mix-blend-mode:difference}.pgnbtn:before{background-color:var(--pink);content:"";height:100%;position:absolute;top:0;width:100%}.pgnbtn-prev:before{border-bottom-left-radius:1.5em;border-top-left-radius:1.5em;left:6em;transition:left .2s}.pgnbtn-next:before{border-bottom-right-radius:1.5em;border-top-right-radius:1.5em;left:-6em;transition:left .2s}.pgnbtn:after{display:none}.pgnbtn-prev:hover{padding-left:5em}.pgnbtn-next:hover{padding-left:2em}.pgnbtn:hover:before{left:0}@media screen and (max-width:786px){.pgnbtn{font-size:.8em}}.spinner-round{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-color:initial;border:2em solid transparent;border-radius:50%;border-top:2em solid var(--pink);height:12em;width:12em}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.footer-container{background-color:var(--dpurple);display:flex;height:50vh;justify-content:flex-end;margin:0 2em;padding:0 5em}.footer-linklist{-webkit-columns:var(--white);columns:var(--white);margin:2em;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:.5em;width:15em}.footer-linklist h2{color:var(--pink);font-family:var(--jost);font-size:1.5em;font-weight:var(--thick)}.footer-linklist ul{list-style-type:none;padding:0}.footer-linklist ul li{cursor:pointer;font-size:1.2em;margin:.8em 0}.endtext{display:flex;font-size:1.2em;justify-content:center;padding:1em}@media screen and (max-width:786px){.footer-container{justify-content:center;margin:0}.footer-linklist{font-size:.8em;margin:1em}.endtext{font-size:.8em}}
/*# sourceMappingURL=main.eb29acd9.css.map*/