section[data-astro-cid-bbe6dxrz]{position:relative;width:100%;height:100vh}h1[data-astro-cid-bbe6dxrz]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5.5vmax;text-align:center;text-wrap:balance;color:transparent;background-image:var(--gradient-btn);background-clip:text;pointer-events:none;text-transform:uppercase;img{width:4vmax;transform:translateY(.3vmax)}}.super-content[data-astro-cid-5wnvluim]{position:relative;height:max-content;background-color:orange}.am-content[data-astro-cid-5wnvluim]{min-height:200vh;height:max-content;position:relative;padding:2.2vmax;gap:2.2vmax;display:grid;grid-template-columns:1fr 1fr 1fr;transform-style:preserve-3d;perspective:500px;@media (width <= 1111px) and (orientation: portrait){grid-template-columns:1fr 1fr}.am-card{position:relative;overflow:hidden;height:80vh;max-height:30vmax;&.am-card-transparent{pointer-events:none}&:last-child{display:none}img{position:absolute;width:100%;height:120%;object-fit:cover;bottom:0}}}*,*: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}:root{--global-blue: magenta;--gradient-btn: linear-gradient( 45deg, var(--global-blue), cyan, yellow )}button{background-color:transparent;border:none;outline:none}@font-face{font-family:SuperBoys;src:url(/20-projects-with-db-local/assets/SuperBoys.ttf) format("truetype");font-weight:400;font-style:normal}body{min-height:100vh;height:max-content;width:100%;flex-direction:column;background-color:#000}h1,h2{font-family:SuperBoys}body{--sb-track-color: #000;--sb-thumb-color: var(--gradient-btn);--sb-size: .7vmax}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)}}.rings[data-astro-cid-sckkx6r4]{--border-width: 2px;--border-style: solid;--animation-duration: 4s;--animation-delay: .1s;--animation-count: infinite;--animation-direction: normal;--animation-fill-mode: both;--animation-timing: ease-in-out;position:relative;width:400px;aspect-ratio:1/1;animation-delay:var(--animation-delay);animation-duration:var(--animation-duration);animation-iteration-count:var(--animation-count);animation-timing-function:var(--animation-timing);position:fixed}.rings[data-astro-cid-sckkx6r4]>.ring[data-astro-cid-sckkx6r4]{position:absolute;top:50%;left:50%;aspect-ratio:1/1;border-width:var(--border-width);border-style:var(--border-style);border-radius:50%;transform-origin:center;animation-duration:var(--animation-duration);animation-delay:calc(.4s * var(--delay));animation-iteration-count:var(--animation-count);animation-direction:var(--animation-direction);animation-fill-mode:var(--animation-fill-mode);filter:opacity(0);will-change:transform;overflow:hidden}.rings[data-astro-cid-sckkx6r4]>.ring[data-astro-cid-sckkx6r4]:nth-child(2n){border-color:#f5f5f5;box-shadow:0 0 4px #0ff,0 0 20px #0ff,inset 0 0 4px #0ff,inset 0 0 20px #0ff}.rings[data-astro-cid-sckkx6r4]>.ring[data-astro-cid-sckkx6r4]:nth-child(odd){border-color:#f5f5f5;box-shadow:0 0 4px #f0f,0 0 20px #f0f,inset 0 0 4px #f0f,inset 0 0 20px #f0f}.rings[data-astro-cid-sckkx6r4]>.ring[data-astro-cid-sckkx6r4]:first-child{width:50px;margin:-25px 0 0 -25px}.rings[data-astro-cid-sckkx6r4]>.ring[data-astro-cid-sckkx6r4]:nth-child(2){width:64px;margin:-32px 0 0 -32px}.rings[data-astro-cid-sckkx6r4]>.ring[data-astro-cid-sckkx6r4]:nth-child(3){width:78px;margin:-39px 0 0 -39px}.rings[data-astro-cid-sckkx6r4]>.ring[data-astro-cid-sckkx6r4]:nth-child(4){width:92px;margin:-46px 0 0 -46px}.rings[data-astro-cid-sckkx6r4]>.ring[data-astro-cid-sckkx6r4]:nth-child(5){width:104px;margin:-52px 0 0 -52px}.rings[data-astro-cid-sckkx6r4]>.ring[data-astro-cid-sckkx6r4]:nth-child(6){width:118px;margin:-59px 0 0 -59px}.anim-zoomIn[data-astro-cid-sckkx6r4]{animation-name:zoomIn}.anim-pan[data-astro-cid-sckkx6r4]{animation-name:anim-pan}@keyframes zoomIn{0%{transform:perspective(200px) translatez(0);filter:opacity(0)}60%{filter:opacity(100%)}to{transform:perspective(200px) translatez(200px)}}@keyframes anim-pan{0%{transform:translateZ(0)}50%{transform:translate3d(-50%,-45%,0)}75%{transform:translate3d(45%,35%,0)}85%{transform:translate3d(-60%,25%,0)}to{transform:translateZ(0)}}