@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Indie+Flower&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Silkscreen:wght@400;700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:ndot-47;src:url(/fonts/ndot-47/ndot-47.otf) format("opentype")}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;font-family:Roboto;font-weight:400;font-style:normal}.portfolio-canvas{touch-action:none}.guide{position:fixed;top:10px;color:#dedfe1;z-index:101;padding-left:10px}.credit{position:absolute;bottom:10px;right:0;color:#dedfe1;z-index:101;padding-right:10px;font-size:.8rem}@font-face{font-family:ndot-47;src:url(/fonts/ndot-47/ndot-47.otf) format("opentype")}.welcome{background:transparent;position:absolute;top:10%;left:calc(50% - 25vw);width:55vw;max-height:90vh;z-index:1000;border:2px solid #a8bdc3;padding:20px 50px;box-sizing:border-box;overflow:hidden}.welcome h1,.welcome h2,.welcome h3,.welcome h4{font-family:ndot-47,sans-serif;font-weight:400}.welcome p{font-family:ndot-47,sans-serif}.welcome button{font-family:ndot-47,sans-serif;font-weight:600}@media screen and (max-height: 900px){.welcome{overflow:auto}}@media screen and (max-width: 768px){.welcome{left:5%;width:90%;padding:20px;top:20px}}.welcome-without-start{position:absolute;display:flex;place-content:center;width:100%;top:20%;z-index:1000}.welcome h1,.welcome p{color:#a8bdc3;text-align:center}.welcome h1{font-size:2.5rem;margin-bottom:1rem}.welcome p{font-size:1.5rem;margin-bottom:2rem}.welcome p a{color:#a8bdc3;text-decoration:none;font-weight:600}.welcome-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome__cta{display:flex;justify-content:center;flex-direction:column;gap:1rem;z-index:1001}.welcome__cta__mobile{border:none}.welcome__cta__start{border:2px solid #a8bdc3;cursor:pointer}.welcome__cta button{background:transparent;outline:none;color:#a8bdc3;padding:8px 16px;z-index:1002;cursor:pointer;transition:background .3s,color .3s;position:relative;overflow:hidden}.welcome__cta button:before{content:"";position:absolute;bottom:-100%;left:0;width:100%;height:100%;background:#a8bdc3;display:none;z-index:1001;transition:bottom .3s}.welcome__cta button:disabled{color:#919191b5;cursor:default}.welcome__cta button:hover:not(:disabled){color:#201e1d}.welcome__cta button:hover:not(:disabled):after{display:block;bottom:0}@font-face{font-family:ndot-47;src:url(/fonts/ndot-47/ndot-47.otf) format("opentype")}.glowing-btn{position:relative;color:#a8bdc3;cursor:pointer;padding:.35em 1em;border:.15em solid #a8bdc3;border-radius:.2em;background:none;perspective:2em;font-family:ndot-47,Silkscreen,sans-serif;font-size:2em;font-weight:900;letter-spacing:1em;-webkit-box-shadow:inset 0px 0px .5em 0px #a8bdc3,0px 0px .5em 0px #a8bdc3;-moz-box-shadow:inset 0px 0px .5em 0px #a8bdc3,0px 0px .5em 0px #a8bdc3;box-shadow:inset 0 0 .5em #a8bdc3,0 0 .5em #a8bdc3;animation:border-flicker 2s linear infinite}.glowing-txt{float:left;margin-right:-.8em;-webkit-text-shadow:0 0 .125em hsla(0,0%,100%,.3),0 0 .45em #a8bdc3;-moz-text-shadow:0 0 .125em hsla(0,0%,100%,.3),0 0 .45em #a8bdc3;text-shadow:0 0 .125em hsla(0,0%,100%,.3),0 0 .45em #a8bdc3;animation:text-flicker 3s linear infinite}.faulty-letter{opacity:.5;animation:faulty-flicker 2s linear infinite}.glowing-btn:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:.7;filter:blur(1em);transform:translateY(120%) rotateX(95deg) scaleY(.35);background:#a8bdc3;pointer-events:none}.glowing-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:-1;background-color:#a8bdc3;box-shadow:0 0 2em .2em #a8bdc3;transition:opacity .1s linear}.glowing-btn:hover{color:#000c;text-shadow:none;animation:none}.glowing-btn:hover .glowing-txt{animation:none}.glowing-btn:hover .faulty-letter{animation:none;text-shadow:none;opacity:1}.glowing-btn:hover:before{filter:blur(1.5em);opacity:1}.glowing-btn:hover:after{opacity:1}@keyframes faulty-flicker{0%{opacity:.1}2%{opacity:.1}4%{opacity:.5}19%{opacity:.5}21%{opacity:.1}23%{opacity:1}80%{opacity:.5}83%{opacity:.4}87%{opacity:1}}@keyframes text-flicker{0%{opacity:.1}2%{opacity:1}8%{opacity:.1}9%{opacity:1}12%{opacity:.1}20%{opacity:1}25%{opacity:.3}30%{opacity:1}70%{opacity:.7}72%{opacity:.2}77%{opacity:.9}to{opacity:.9}}@keyframes border-flicker{0%{opacity:.1}2%{opacity:1}4%{opacity:.1}8%{opacity:1}70%{opacity:.7}to{opacity:1}}@media only screen and (max-width: 600px){.glowing-btn{font-size:1em}}
