#galaxy[data-astro-cid-y3soregm]{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100vh;z-index:0}.my-image[data-astro-cid-5wnvluim]{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);object-fit:cover;border-radius:inherit}:root{--bg: hsl(246 44% 7%);--border: hsl(280 10% 50% / 1);--card: hsl(237 36% 10%);--color: hsl(240 18% 80%);--border-width: .13vmax;--border-radius: .78vmax;--gradient: conic-gradient( from 180deg at 50% 70%, hsla(0, 0%, 98%, 1) 0deg, #eec32d 72.0000010728836deg, #ec4b4b 144.0000021457672deg, #709ab9 216.00000858306885deg, #4dffbf 288.0000042915344deg, hsla(0, 0%, 98%, 1) 1turn )}@property --start{syntax: "<number>"; inherits: true; initial-value: 0;}.container-cards[data-astro-cid-5wnvluim]{background:var(--bg);display:grid;place-items:center;min-height:100vh;font-family:Geist Sans,SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;font-weight:70;color:var(--color);overflow:hidden}.container[data-astro-cid-5wnvluim]{--spread: 60;display:flex;flex-wrap:wrap;flex-direction:var(--direction);gap:calc(var(--gap) * .07vmax);justify-content:center;place-items:center;position:relative;padding:2vmax;touch-action:none}.card[data-astro-cid-5wnvluim]{--active: .15;--start: 0;height:100%;background:var(--card);aspect-ratio:330 / 400;border-radius:var(--border-radius);padding:2.08vmax;min-width:18.23vmax;max-width:18.23vmax;gap:.26vmax;display:flex;flex-direction:column;position:relative}article[data-astro-cid-5wnvluim]:is(:hover,:focus-visible){z-index:2}.glows[data-astro-cid-5wnvluim]{pointer-events:none;position:absolute;inset:0;filter:blur(calc(var(--blur) * .07vmax))}.glows[data-astro-cid-5wnvluim]:after,.glows[data-astro-cid-5wnvluim]:before{--alpha: 0;content:"";background:var(--gradient);background-attachment:fixed;position:absolute;inset:-.33vmax;border:10px solid transparent;border-radius:var(--border-radius);mask:linear-gradient(#0000,#0000),conic-gradient(from calc((var(--start) - (var(--spread) * .5)) * 1deg),#000 0deg,#fff,#0000 calc(var(--spread) * 1deg));mask-composite:intersect;mask-clip:padding-box,border-box;opacity:var(--active);transition:opacity 1s}article[data-astro-cid-5wnvluim]:before{position:absolute;inset:0;border:var(--border-width) solid transparent;content:"";pointer-events:none;background:var(--border);background-attachment:fixed;border-radius:var(--border-radius);mask:linear-gradient(#0000,#0000),conic-gradient(from calc(((var(--start) + (var(--spread) * .25)) - (var(--spread) * 1.5)) * 1deg),hsl(0 0% 100% / .15) 0deg,white,hsl(0 0% 100% / .15) calc(var(--spread) * 2.5deg));mask-clip:padding-box,border-box;mask-composite:intersect;opacity:var(--active);transition:opacity 1s}article[data-astro-cid-5wnvluim]:after{--bg-size: 100%;content:"";pointer-events:none;position:absolute;background:var(--gradient);background-attachment:fixed;border-radius:var(--border-radius);opacity:var(--active, 0);transition:opacity 1s;--alpha: 0;inset:0;border:var(--border-width) solid transparent;mask:linear-gradient(#0000,#0000),conic-gradient(from calc(((var(--start) + (var(--spread) * .25)) - (var(--spread) * .5)) * 1deg),#0000 0deg,#fff,#0000 calc(var(--spread) * .5deg));filter:brightness(1.5);mask-clip:padding-box,border-box;mask-composite:intersect}.dg[data-astro-cid-5wnvluim].ac{z-index:99999!important}.am-img[data-astro-cid-b4qlmxfo]{position:absolute;top:8vmax;left:50%;transform:translate(-50%,-50%);width:4vmax}.scene[data-astro-cid-b4qlmxfo]{perspective:106.04vmax;*{transform-style:preserve-3d;font-size:3.9vmax;text-align:center;@media (width <= 1111px) and (orientation: portrait){font-size:3vmax}}}.layeredText[data-astro-cid-b4qlmxfo]{--layers-count: 24;--layer-offset: .13vmax;position:relative;font-weight:900;transform:rotateY(20deg);span{color:#000;text-shadow:0 0 .1vmax #003}.layers,.layer{position:absolute;inset:0}.layer{--n: calc(var(--i) / var(--layers-count));color:hsl(180 30% calc(var(--n) * 100%));animation:Tilting 3s infinite ease-in-out alternate}}@keyframes Tilting{0%{transform:translateZ(calc(var(--i) * var(--layer-offset))) rotateX(calc(var(--n) * 30deg))}to{transform:translateZ(calc(var(--i) * var(--layer-offset))) rotateX(calc(var(--n) * -30deg))}}.am-section[data-astro-cid-bbe6dxrz]{height:100vh;position:relative;display:flex;flex-wrap:wrap;place-content:center;place-items:center}:root{--gradient: linear-gradient(to bottom, #468282, transparent)}.dg.ac{display:none!important}@font-face{font-family:AnotherDanger;src:url(/20-projects-with-tweakpane/assets/AnotherDanger.otf) format("opentype");font-weight:400;font-style:normal}body{--sb-track-color: #000;--sb-thumb-color: var(--gradient);--sb-size: .7vmax}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue}a,button,img{-webkit-tap-highlight-color:transparent;user-select:none}button{background-color:transparent;border:none;outline:none}body{min-height:100vh;height:max-content;width:100%;flex-direction:column}h1,h2,h3,h4,h5{font-family:AnotherDanger}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color)}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}