#transition-container{z-index:1000;pointer-events:none;width:200vw;position:absolute;bottom:-100%;left:-40%;transform:rotate(20deg)}#transition-wave-svg{transform:translateY(20px)}#transition-wave-svg-bottom{transform:rotate(180deg)translateY(20px)}.hideTopTransition{animation:.7s ease-in forwards hideTopTransition}@keyframes hideTopTransition{0%{bottom:-120%;left:-40%}to{bottom:100%;left:40%}}.showTransition{animation:.7s ease-in forwards showTransition}@keyframes showTransition{0%{bottom:-450%;left:-60%}to{bottom:-120%;left:-40%}}#transition-push{background:#ff923e;height:200vh}@media (max-aspect-ratio:12/10){#transition-container{transform:translateY(-20%)scale(1.2)rotate(10deg)}}#overlay-container{z-index:3;pointer-events:none;opacity:0;height:calc(100% - 30px);margin:0 auto;padding:15px 0;position:absolute;left:0;right:0}#header-container{pointer-events:none;width:100%;padding-top:15px;transition:all .25s;position:absolute;top:0}.overlay-button{cursor:pointer;pointer-events:auto;border-radius:15px;width:48px;height:48px;position:absolute}#header-logo-svg{transform-origin:50%;position:absolute}#logo-dark-background{clip-path:url(#logo-clip-path);background:#091434;width:100%;height:100vh;position:absolute;top:15px}#logo-white-background{background:#fff;width:200px}#logo-click-container{cursor:pointer;pointer-events:auto;transform-origin:0 0;width:49px;height:53px;position:absolute}#sound-button{right:62px}#header-sound-svg{width:48px;height:48px;transform:translate(12px)scale(1.2)}#sound-button-scale-container{transform-origin:100% 0;position:relative}#menu-button{right:0}.menu-button-bar{background:#fff;border-radius:2px;width:26px;height:4px;margin:2.5px}#menu-button-scale-container{transform-origin:100% 0}.scroll-container{justify-content:center;margin:0 auto;display:flex;position:absolute;bottom:15px;left:0;right:0}.scroll-border-container{box-sizing:border-box;border:3px solid #091434;border-radius:12px;justify-content:center;width:24px;height:38px;display:flex}.scroll-wheel{background:#091434;border-radius:2px;width:4px;height:11px;margin-top:4px}.scroll-touch-icon{width:38px;height:38px}@media (max-width:800px),(max-height:800px){#scroll-icon,#menu-button-scale-container,#sound-button-scale-container,.scroll-container,#logo-clip-path,#logo-click-container{transform:scale(.9)}#sound-button{right:64px}}@media (max-width:550px),(max-height:550px){#scroll-icon,#menu-button-scale-container,#sound-button-scale-container,.scroll-container,#logo-clip-path,#logo-click-container{transform:scale(.8)}#sound-button{right:60px}}#landing-page{width:100%;height:100%;position:absolute;top:0}#landing-page-section{justify-content:flex-start;align-items:center;height:calc(100% - 30px);display:flex;position:relative;left:0}#landing-content-svg{width:550px;max-width:45%;max-height:53%;position:relative}.landing-headline{transform-origin:0;fill:#091434;letter-spacing:-.5px;font-size:64px;font-weight:600}.landing-subheading{fill:#7c8594;transform-origin:0;font-size:17px}@media (max-aspect-ratio:12/10){#landing-content-svg{max-width:94%;max-height:80%}#landing-page{background-image:linear-gradient(#f5efe6 45%,#0000 50%);align-items:flex-start;padding-top:45px}#landing-page-section{max-height:40vh;position:unset;justify-content:center;align-items:center}}#scroll-container{width:100%;position:absolute;top:50%;left:0}.scroll-container-transitions{transition:left .9s cubic-bezier(.645,.045,.355,1),top .7s cubic-bezier(.6,0,.4,1)}#hover-icon-color-switch{width:300%;height:50%;position:absolute;top:0}#about-section{color:#34bfff;justify-content:flex-start;align-items:center;min-height:100vh;padding-bottom:90px;font-family:Electrolize,sans-serif}#about-content-container{flex-direction:column;width:580px;max-width:45%;display:flex}#about-content-container span{color:#34bfff}#skills-svg{width:100%;margin-top:120px}.about-box-line{fill:none;stroke:#00b7ff;stroke-width:2px}.about-up-animation-line,.about-down-animation-line{fill:none;stroke:#00b7ff;opacity:0;stroke-width:2px}.about-box-background{stroke-width:0;fill:url(#about-background-gradient)}.about-header{fill:#34bfff;font-size:18px;font-weight:700}.about-text{fill:#34bfff;font-size:15px;font-weight:700}#about-skills-container{padding:10px 0;font-size:16px;font-weight:700}#about-skills-render-container :nth-child(2n),#about-others-render-container :nth-child(odd){background:#2d88dd18}.about-skill-container{box-sizing:border-box;justify-content:center;align-items:center;height:100%;padding:6px 20px;display:flex}.about-skill-container span{width:250px;background:0 0!important}.about-skill-bar-container{width:100%;height:11px;overflow:auto;background:#00b7ff33!important}.about-skill-bar{width:30%;height:100%;background:linear-gradient(90deg,#2d88dd,#34bfff)!important}#about-svg-about image{image-rendering:pixelated;opacity:.9}.about-pixel-mask-rect{fill:#fff}@media (max-aspect-ratio:12/10){#about-section{justify-content:center;padding-bottom:3vh}#about-content-container{justify-content:flex-start;align-items:flex-start;max-width:100%}#skills-svg{margin-top:63vh;margin-bottom:90px}}.landing-slow-transition{transition:top .7s cubic-bezier(.645,.045,.355,1)}.slide-out-left-transition{transition:left .9s cubic-bezier(.6,0,.4,1),right .9s cubic-bezier(.6,0,.4,1)}#work-section{flex-direction:column;width:100%;min-height:100vh;margin-bottom:3vh;display:flex;position:relative}#work-content{box-sizing:border-box;justify-content:flex-start;margin-top:20px;padding:90px 0;position:relative}#work-background{z-index:-1;background:#f5efe6;width:300%;height:100%;position:absolute;box-shadow:0 30px 70px #93683310}#work-render-container{justify-content:center;width:350px;max-width:100%;height:570px;margin:80px auto 0;display:flex;position:relative}.work-item-container{background:#fff;border-radius:20px;width:100%;height:100%;padding:2px;position:absolute;overflow:hidden}.work-item-container-transition{transition:transform .4s ease-in-out,opacity .35s ease-in-out,filter .35s ease-in-out}.work-inactive-item-container{cursor:pointer;opacity:.7!important;filter:grayscale(.5)!important}.work-inactive-item-container *{pointer-events:none;cursor:unset!important}.work-inactive-item-container:hover{border:2px solid #7c8594;padding:0}.work-item-image{object-fit:cover;border-radius:13px;width:calc(100% - 16px);min-height:300px;margin:8px 8px 5px}.work-item-content-container{box-sizing:border-box;flex:1;padding:8px 16px}.work-item-content-container a{text-decoration:underline}.work-item-tag-container{flex-wrap:wrap;max-width:100%;margin-top:5px;margin-bottom:15px}.work-item-tag{color:#fff;border-radius:10px;align-items:center;margin-bottom:4px;margin-right:5px;padding:1px 7px;font-size:.65rem;display:flex}.work-item-button-container{margin:8px}.work-item-orange-button{width:100%;margin-left:8px;padding:9px!important}.work-item-gray-button{color:#fff;cursor:pointer;border-radius:13px;padding:8px 14px;font-size:1rem;font-weight:600}.work-item-gray-button .code-icon{fill:#fff;width:28px;height:28px}.work-item-gray-button span{color:#fff;margin-left:10px}.work-banner-container{background-color:#ffcb00;width:300px;height:50px;position:absolute;transform:rotate(-45deg)translate(-92px,-30px)}.work-banner-container span{color:#091434;font-size:15px;font-weight:500;line-height:1.3}.work-banner-container img{width:30px;height:30px;margin-right:12px}#work-navigation-container{margin-top:50px;margin-bottom:20px}.work-navigation-button{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:20px 20px 0;display:flex;transition:all .3s!important}.work-disabled-navigation-button{cursor:unset!important;background:#a7adb8!important}.work-disabled-navigation-button:hover{background:#a7adb8!important}@media (max-aspect-ratio:12/10){#work-content{justify-content:center;align-items:center}#work-header-container{width:580px;max-width:100%}}@media (max-width:480px){.work-inactive-item-container{opacity:0}}#contact-section{box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100vh;padding:80px 0}#contact-container{box-sizing:border-box;background:#fff;border-radius:20px;width:540px;max-width:45%;height:560px;max-height:90vh;margin-top:40px;padding:10px}#contact-container input,textarea{color:#111029;resize:none;border:none;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:500;background:0 0!important}#contact-container input:focus,textarea:focus{border:none;outline:none}#contact-message-input{flex:1}#contact-container textarea,.contact-container{height:100%}.input-container{box-sizing:border-box;color:#acacac;background:#f5f5f5;border:2px solid #f5f5f5;border-radius:13px;width:100%;padding:7px 7px 7px 15px}.input-container:focus-within{border:2px solid #c7c7c7}.input-container label,.input-container span{margin-right:10px;font-size:.8rem;font-weight:500}#contact-name-input,#contact-email-input{margin-bottom:20px}#contact-button-container{align-items:center;margin-top:20px;display:flex}#contact-button-container .small-button{margin-left:auto;font-size:1rem}#contact-button-container .social-icon{margin:0 8px}.error-label{color:#d85454}.error-container{background:#ffdbdb;border-color:#f0caca}#contact-result-message-container{margin-bottom:auto}#contact-result-message-container h4{text-align:center;margin:3px}#contact-result-message-container span{text-align:center;margin:3px;font-size:1rem}#contact-result-container svg{height:90px;min-height:90px;margin-top:auto;margin-bottom:50px}#contact-result-container polyline,line{fill:none;stroke-width:15px}#contact-result-button{font-size:1rem}@media (max-aspect-ratio:12/10){#contact-section{height:fit-content;min-height:unset;justify-content:flex-start;align-items:center;margin-top:10vh;margin-bottom:80vh;padding:0}#contact-header-container,#contact-container{width:580px;max-width:100%}}@media (max-width:360px),(max-width:800px) and (min-aspect-ratio:12/10){#contact-button-container .social-icon{width:24px;height:24px;margin:0 4px}}@media (max-width:360px),(max-width:700px) and (min-aspect-ratio:12/10){#contact-button-container .social-icon{display:none}}#hover-icon{z-index:999;pointer-events:none;opacity:0;border-style:solid;border-radius:50%;justify-content:center;align-items:center;transition:height .2s,width .2s,border-color .2s,border-width .2s;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(0)}.clickCTA:after{content:"Click to enable\a sounds.";white-space:pre-wrap;text-align:center;color:#7c8594;min-width:200px;line-height:17px;position:relative;top:50px}.hover-spread{opacity:.1;background:#ff923e;border-radius:50%;min-width:16px;height:16px;position:absolute}#menu-container{z-index:2;box-sizing:border-box;background:#fff;width:calc(300px + 50vw - 45rem);max-width:45vw;height:100%;padding:50px 50px 70px;position:absolute;right:0}#menu-content-container{width:240px;height:100%;position:relative}#menu-items-container{flex-direction:column;flex:1;justify-content:center;display:flex}.menu-items-column-container{width:100%}.menu-item{color:#091434;cursor:pointer;border-radius:15px;width:fit-content;margin:15px 0;font-size:1.8rem;font-weight:600}.active-menu-item{position:relative;transform:translate(28px);cursor:unset!important}.active-menu-item:after{content:"";color:#fff;background:#ff923e;border-radius:50%;width:14px;height:14px;display:flex;position:absolute;top:50%;left:-10px;transform:translate(-16px,-50%)}#menu-container .social-icon{margin-right:15px}#music-credit-container{margin-bottom:10px}#music-credit-container a,#music-credit-container span{color:#7c8594;font-size:.9rem}#music-credit-container a:hover{text-decoration:underline}@media (max-aspect-ratio:12/10){#menu-container{max-width:unset;align-items:center;right:-100%;width:100%!important}.menu-items-column-container{align-items:center}#menu-social-container,#music-credit-container{justify-content:center}.active-menu-item:after{content:"";background:#ff923e;border-radius:0;width:100%;height:3px;margin:0 auto;position:absolute;bottom:-2px;left:0;transform:translateY(16px)}.active-menu-item{transform:unset}}@media (max-height:600px){.menu-item{margin:10px 0;font-size:1.3rem}#menu-container .social-icon{width:24px;height:24px}#menu-container hr{margin:15px 0}#music-credit-container a,#music-credit-container span{font-size:12px}.menu-items-column-container{justify-content:center}}@media (max-height:450px){#menu-items-container{flex-direction:row}#menu-container{padding:30px 30px 45px}}#intro-container{z-index:998;cursor:wait;background:#f5efe6;width:100%;height:100%;position:absolute}footer{margin-bottom:20px}footer span,footer a{color:#7c8594;font-size:.9rem}footer a:hover{text-decoration:underline}#legal-container{margin-left:40px}#legal-container :first-child{margin-right:40px}@media (max-width:420px){footer{flex-direction:column!important}#legal-container{margin-left:0}}*{margin:0;padding:0}html,body{height:100%;overflow:hidden}#main-canvas{pointer-events:all;outline:none;max-width:100%;max-height:100%;position:fixed;top:0;left:0}body{color:#091434;justify-content:center;font-family:Poppins,sans-serif;display:flex;position:relative}.content-width{width:92rem;max-width:calc(100% - 60px)}.hide{display:none!important}.pointer{cursor:pointer}.center{justify-content:center;align-items:center;display:flex}.row{flex-direction:row;display:flex}.column{flex-direction:column;display:flex}.width-100{width:100%}.height-100{height:100%}.no-transition{transition:none!important}h1{letter-spacing:-.5px;font-family:Poppins,sans-serif;font-size:4.3rem;font-weight:600;line-height:1.16667}h3{font-size:1.6rem;font-weight:600}h4{font-size:1.4rem;font-weight:600}h5{color:#ff923e;font-size:1.2rem;font-weight:500}span{color:#7c8594;font-size:1rem}a{color:inherit;text-decoration:none;cursor:pointer!important}hr{background-color:#f0f0f0;border:none;width:100%;height:2px;margin:25px 0}.section-subheader-container{flex-direction:row;align-items:center;margin-bottom:20px;display:flex}.section-subheader-container hr{background-color:#ff923e;width:40px;margin:0 20px 0 0}::-moz-selection{color:#343352;background:#93683327}::selection{color:#343352;background:#9368332a}.big-button{cursor:pointer;color:#fff;border-radius:26px;width:max-content;padding:13px 34px;font-size:1rem;font-weight:600}.small-button{color:#fff;cursor:pointer;border-radius:13px;padding:9px 36px;font-size:1rem;font-weight:600}.orange-hover{background-color:#ff923e;background-image:radial-gradient(circle,#ff9b4f 50%,#0000 50%);background-position:50%;background-repeat:no-repeat;background-size:0 0;transition:background-size .3s}.orange-hover:hover{background-size:200% 200%}.gray-hover{background-color:#b9bbbe;background-image:radial-gradient(circle,#caccce 50%,#0000 50%);background-position:50%;background-repeat:no-repeat;background-size:0 0;transition:background-size .3s}.gray-hover:hover{background-size:200% 200%}.social-icon{cursor:pointer;filter:grayscale()brightness(8);transition:all .125s ease-in}.social-icon:hover{filter:unset;transform:scale(1.05)}section,.content-container{z-index:1;justify-content:center;align-items:center;display:flex}@media (max-aspect-ratio:12/10){.content-width{max-width:calc(100% - 30px)}}@media (max-width:800px),(max-height:800px){h1{font-size:3.8rem}}@media (max-width:480px),(max-height:480px){h1{font-size:3rem}}@font-face{font-family:Electrolize;font-style:normal;font-weight:400;src:url(/fonts/electrolize-v14-latin-regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url(/fonts/poppins-v19-latin-regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(/fonts/poppins-v19-latin-500.woff2)format("woff2");font-display:swap}@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url(/fonts/poppins-v19-latin-600.woff2)format("woff2");font-display:swap}@font-face{font-family:Poppins;font-style:normal;font-weight:700;src:url(/fonts/poppins-v19-latin-700.woff2)format("woff2");font-display:swap}