.section-bg[data-astro-cid-y3soregm]{overflow:hidden;height:100vh;width:100%;display:flex;flex-wrap:wrap;place-content:center;background-color:#000;position:fixed;inset:0;z-index:-2}.container[data-astro-cid-y3soregm]{--size: 200px;width:var(--size);height:var(--size);position:relative;.ball{position:absolute;width:calc(var(--size) + var(--i));height:calc(var(--size) + var(--i));pointer-events:none;background-color:var(--color);border-radius:50%;animation:move 5s linear infinite;animation-delay:-2s;transform-origin:var(--size);mix-blend-mode:hard-light;animation-duration:var(--d);filter:blur(58px);top:50%;left:0%;&:nth-child(2n){animation-direction:reverse}}}@keyframes move{0%{transform:scale(5) translate(-50%,-50%) rotate(0)}to{transform:scale(5) translate(-50%,-50%) rotate(359deg)}}.container-cards{min-height:100vh;perspective:10000px;position:relative;gap:2.2vmax;display:grid;padding:2vmax;grid-template-columns:repeat(auto-fit,minmax(17vmax,1fr))}.card:not(:hover) img{transition:translate .2s}.card:hover img{translate:calc((var(--ratio-x) - .5) * 20%) calc((var(--ratio-y) - .5) * 20%)}.card{--ratio-x: 0;--ratio-y: 0;overflow:hidden;aspect-ratio:3 / 4;min-width:16vmax;width:100%;border-radius:.52vmax;transform-style:preserve-3d;touch-action:none;transition:transform .2s;.am-img{width:100%;object-fit:cover;height:100%;scale:1.2;translate:0 0}}.card[data-active=true][data-parallax=true]{transition:transform 0s}@media (width >= 1111px) and (hover: hover){.card:hover{transform:rotateX(calc((var(--ratio-y) - .5) * 50deg)) rotateY(calc((var(--ratio-x) - .5) * -40deg))}}.card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at calc(var(--ratio-x) * 100%) calc(var(--ratio-y) * 100%),hsl(0 0% 100% / .2),transparent 50%);background-repeat:no-repeat;background-blend-mode:soft-light;z-index:2;@media (width <= 1111px) and (hover: none){background:none}}.card:before{content:"";background:linear-gradient(115deg,transparent 20%,var(--green-8) 30%,transparent 48% 52%,var(--indigo-8) 70%,transparent) 80% 80% / 300% 300%;filter:brightness(2) contrast(1);background-blend-mode:overlay;mix-blend-mode:color-dodge;position:absolute;inset:0;z-index:2;opacity:.2;transition:opacity .2s}.card:hover:before{background-position:calc(var(--ratio-x) * 10%) calc(var(--ratio-y) * 10%),calc(80% + (var(--ratio-x) * -50%)) calc(80% + (var(--ratio-y) * -50%));opacity:1}@layer base{:root{--font-size-min: 16;--font-size-max: 20;--font-ratio-min: 1.2;--font-ratio-max: 1.33;--font-width-min: 375;--font-width-max: 1500}html{color-scheme:dark only}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}:where(.fluid){--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1.04vmax, ((var(--fluid-min) / 16) * 1.04vmax) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1.04vmax) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1.04vmax );font-size:var(--fluid-type)}body{background:light-dark(#fff,#000);font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}body:before{--size: 2.93vmax;--line: color-mix(in hsl, canvasText, transparent 70%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) .07vmax,transparent .07vmax 2.93vmax) 50% 50% / 2.93vmax 2.93vmax,linear-gradient(var(--line) .07vmax,transparent .07vmax 2.93vmax) 50% 50% / 2.93vmax 2.93vmax;mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}:where(.x-link,.bear-link):is(:hover,:focus-visible){opacity:1}}.am-img[data-astro-cid-kmetj66o]{position:absolute;bottom:-15vmin;left:50%;transform:translate(-50%,-50%);width:4vmax;animation:borderRadiusChange 2s infinite alternate}@keyframes borderRadiusChange{0%{border-radius:52% 48% 33% 67%/38% 45% 55% 62%}to{border-radius:50%}}.scene[data-astro-cid-kmetj66o]{perspective:26.04vmax;*{transform-style:preserve-3d;font-size:3vmax;color:#fff;@media (width <= 1111px) and (orientation: portrait){font-size:3vmin}}}.layeredText[data-astro-cid-kmetj66o]{--layers-count: 24;--layer-offset: .13vmax;position:relative;font-weight:900;transform:rotateX(30deg);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(200 30% calc(var(--n) * 100%));animation:sloping 3s infinite ease-in-out alternate}}@keyframes sloping{0%{transform:translateZ(calc(var(--i) * var(--layer-offset))) rotateY(calc(var(--n) * 5deg))}to{transform:translateZ(calc(var(--i) * var(--layer-offset))) rotateY(calc(var(--n) * -5deg))}}.am-container[data-astro-cid-bbe6dxrz]{height:100vh;display:flex;flex-wrap:wrap;place-content:center;position:relative;transform-style:preserve-3d}:root{--gradient: linear-gradient(to bottom, #e3834c,#c70481)}@font-face{font-family:AnotherDanger;src:url(/20-projects-with-simplex-noise/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;overflow-x:hidden}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)}}