@media(max-width:730px){body .card{width:100%}body .popup-overlay{padding:4px}}@media(max-width:500px){body #neon{width:300px}body .hero{background:radial-gradient( circle at 50% 10%,var(--background-light) 10%,transparent 500px ),radial-gradient(circle at 50% 10%,transparent,var(--background) 500px),var(--background-texture)}}@font-face{font-family:Satoshi;font-weight:100 900;src:url(./Satoshi-Variable.ttf)}html{--background:hsl(0, 0%, 5%);--background-container-solid:hsla(0, 0%, 8%, 100%);--background-container:hsla(0, 0%, 8%, 80%);--background-container-active:hsla(0, 0%, 12%, 100%);--background-border:hsl(0, 0%, 28%);--background-border-active:hsl(0, 0%, 40%);--background-light:hsla(211, 100%, 71%, 0.65);--background-texture:repeating-linear-gradient(
      var(--background-border),
      var(--background-border) 1px,
      transparent 1px,
      transparent 40px
    ),
    repeating-linear-gradient(
      to right,
      var(--background-border),
      var(--background-border) 1px,
      transparent 1px,
      transparent 40px
    );--padding:32px;--border-radius:16px;--color-title:hsl(0, 0%, 98%);--color-subtitle:hsl(0, 0%, 90%);--color-inside-neon:#fff;--delay:0.4s;--duration:0.8s;background:var(--background);font-family:Satoshi}body{--color-0:hsl(211, 100%, 71%);--color-1:hsl(55, 100%, 71%);--color-2:hsl(308, 100%, 71%);margin:0;display:flex;align-items:center;flex-direction:column;width:100%}a{text-decoration:none}h2,h4,a{color:var(--color-title)}span,pre{color:var(--color-subtitle)}.hero{width:100%;max-width:1200px;display:flex;flex-direction:column;justify-content:start;align-items:center;background:radial-gradient( circle at 50% 10%,var(--background-light) 10%,transparent 530px ),radial-gradient(circle at 50% 10%,transparent,var(--background) 530px),var(--background-texture);opacity:0;animation:opacity var(--duration)0s forwards}#neon{margin-top:60px;width:400px}#neon,#neon svg{overflow:visible}#neon svg,.card-container{width:100%}#neon .circle{filter:drop-shadow(0 0 2px var(--color-0))drop-shadow(0 0 2px var(--color-0))drop-shadow(0 0 4px var(--color-0));animation:opacity var(--duration)var(--delay)forwards}#neon .logo,#neon .text.top{filter:drop-shadow(0 0 1px var(--color-2))drop-shadow(0 0 1px var(--color-2))drop-shadow(0 0 4px var(--color-2));animation:opacity calc(var(--duration) + .6s)calc(var(--delay) + .6s)forwards}#neon .text{filter:drop-shadow(0 0 1px var(--color-1))drop-shadow(0 0 1px var(--color-1))drop-shadow(0 0 4px var(--color-1));animation:opacity var(--duration)calc(var(--delay) + .2s)forwards}#neon .text,#neon .logo,#neon .circle{opacity:0;transition:filter .2s}#neon .text path,#neon .circle path{fill:var(--color-inside-neon)}#neon .logo circle,#neon .logo path{stroke:var(--color-inside-neon)}.techs{margin:var(--padding);display:flex;flex-wrap:wrap;gap:8px;z-index:1;max-width:500px;opacity:0;justify-content:center;animation:opacity var(--duration)calc(var(--delay) + 1s)forwards,move-fb var(--duration)calc(var(--delay) + 1s)}.card,.link{background:var(--background-container);border:1px solid var(--background-border);cursor:pointer;display:flex}.link{padding:8px 16px;justify-content:center;align-items:center;transition:transform .2s,border .2s,color .2s,box-shadow .2s;gap:6px;font-weight:700;font-size:12px;border-radius:8px}.link:active,.link:hover{background:var(--background-container-active);border:1px solid var(--background-border-active);transform:scale(.92);-webkit-tap-highlight-color:transparent}section{max-width:1052px;margin:50px var(--padding);opacity:0;animation:move-fb var(--duration)calc(var(--delay) + 1s),opacity var(--duration)calc(var(--delay) + 1s)forwards}section h2{color:var(--color-inside-neon);text-shadow:0 0 6px var(--color-0),0 0 8px var(--color-0),0 0 14px var(--color-0)}.card-container{display:flex;flex-wrap:wrap;gap:16px}.card{min-width:340px;height:180px;box-sizing:border-box;flex-direction:column;justify-content:end;align-items:start;display:flex;padding:24px;overflow:hidden;border-radius:var(--border-radius);background:linear-gradient(to top,#1f1f1f 1%,transparent 60%),radial-gradient(ellipse at 90% -20%,var(--color-0) 1%,transparent 70%),radial-gradient(ellipse at 90% -20%,transparent,var(--background) 70%),var(--background-texture),var(--background-container);transition:border .2s,transform .2s}body .card-container .card:hover,body .card-container .card:active{border:1px solid var(--background-border-active)}body .card-container .card:hover{transform:scale(.96)}body .card-container .card:active{transform:scale(.92)}.card h4{margin:0 0 12px;font-size:16px}.card span{font-size:14px;letter-spacing:.6px}.card-img{display:flex;justify-content:end;width:100%;filter:drop-shadow(0 0 1px #262626)}#button-color{cursor:pointer;background:var(--background-container-solid);padding:12px;box-shadow:0 0 20px 4px var(--color-0);animation:scale var(--duration)calc(var(--delay) + 1s),opacity var(--duration)calc(var(--delay) + 1s)forwards;border-radius:100%;border:4px solid var(--color-inside-neon);display:flex;justify-content:center;align-items:center;position:fixed;bottom:32px;right:32px;z-index:2;opacity:0;transition:transform .2s}body #button-color:active,body #button-color:hover{background:var(--background-container-active)}body #button-color:hover{transform:scale(.96)}body #button-color:active{transform:scale(.9)}#button-color,a,.card,.link,.popup-close-container button{-webkit-tap-highlight-color:transparent}.popup-overlay{position:fixed;overscroll-behavior:contain;top:0;right:0;bottom:0;left:0;z-index:10;padding:16px;box-sizing:border-box;display:flex;justify-content:center;width:100vw;height:100dvh;background:var(--background-container);animation:opacity .2s;overflow-y:scroll;transition:opacity .2s}.popup{max-width:700px;border-radius:var(--border-radius);box-sizing:border-box;padding:24px;background:linear-gradient(to top,#1f1f1f 1%,transparent 60%),radial-gradient( ellipse at 50% -20%,var(--background-border) 1%,transparent 70% ),radial-gradient(ellipse at 50% -20%,transparent,var(--background) 70%),var(--background-texture),var(--background-container-solid);border:1px solid var(--background-border);height:fit-content;width:100%}.popup h2{margin:0 0 14px}.popup pre{border-radius:calc(var(--border-radius) - 4px);box-sizing:border-box;padding:16px;background:var(--background-container-solid);border:1px solid var(--background-border);white-space:pre-wrap;overflow:hidden;transition:border .2s,background .2s}.popup-header{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:32px}.popup-overlay.hide{opacity:0}.popup-link-container{display:flex;justify-content:start;margin:16px 0}.popup-close-container{width:100%;display:flex;justify-content:end}.popup-link{text-transform:uppercase;font-size:12px;font-weight:700}.popup-link,.popup-close-container button{cursor:pointer;background:var(--background-container-solid);border:1px solid var(--background-border);border-radius:calc(var(--border-radius) - 6px);padding:8px;height:40px;min-width:40px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:transform .2s,border .2s,background .2s}.popup-link img{margin-right:8px}.popup-link:active,.popup-close-container button:active{transform:scale(.92)}.popup-link:hover,.popup-close-container button:hover{transform:scale(.96)}.popup-link:active,.popup-close-container button:active,.popup-link:hover,.popup-close-container button:hover,.popup pre:hover{background:var(--background-container-active);border:1px solid var(--background-border-active)}footer{width:100%;margin-bottom:24px;opacity:0;display:flex;gap:4px;justify-content:center;align-items:center;flex-direction:column;animation:move-fb var(--duration)calc(var(--delay) + 1s),opacity var(--duration)calc(var(--delay) + 1s)forwards}footer span img{margin:0 4px}footer .refs{margin-top:16px;gap:8px;display:flex;justify-content:center;align-items:center;width:fit-content}@keyframes move-fb{from{transform:translateY(80px)}to{transform:translateY(0)}}@keyframes scale{from{transform-origin:center center;transform:scale(0)}to{transform:scale(1)}}@keyframes opacity{from{opacity:0}to{opacity:1}}