.wrapper[data-astro-cid-5wnvluim]{position:relative;height:100vh;overflow:visible;.cont--carousel{position:relative}}.carousel[data-astro-cid-5wnvluim]{position:relative;z-index:1;height:90vh;inset:0;overflow:visible}.carousel-item[data-astro-cid-5wnvluim]{--items: 10;--width: clamp(9.77vmax, 30vw, 19.53vmax);--height: clamp(13.02vmax, 40vw, 26.04vmax);--x: calc(var(--active) * 1800%);--y: calc(var(--active) * 10%);--rot: calc(var(--active) * 120deg);--opacity: calc(var(--zIndex) / var(--items) * 3 - 2);overflow:hidden;position:absolute;z-index:var(--zIndex);width:var(--width);height:var(--height);margin:calc(var(--height) * -.5) 0 0 calc(var(--width) * -.5);top:50%;left:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform-origin:0% 100%;border-radius:.65vmax;box-shadow:0 .65vmax 3.26vmax .65vmax #00000080;background:#000;pointer-events:all;transform:translate(var(--x),var(--y)) rotate(var(--rot));transition:transform .8s cubic-bezier(0,.02,0,1)}@media (width > 1024px){.carousel-item[data-astro-cid-5wnvluim]{--y: calc(var(--active) * 200%)}}.carousel-item[data-astro-cid-5wnvluim] .carousel-box[data-astro-cid-5wnvluim]{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;transition:opacity .8s cubic-bezier(0,.02,0,1);opacity:var(--opacity);font-family:AnotherDanger,serif}.carousel-item[data-astro-cid-5wnvluim] .carousel-box[data-astro-cid-5wnvluim]:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#0000 30% 50%,#00000080)}.carousel-item[data-astro-cid-5wnvluim] .title[data-astro-cid-5wnvluim]{position:absolute;z-index:1;color:#fff;transition:opacity .8s cubic-bezier(0,.02,0,1);left:1.3vmax;bottom:1.3vmax;font-size:clamp(1.3vmax,3vw,1.95vmax);text-shadow:0 .26vmax .26vmax rgba(0,0,0,.1)}.carousel-item[data-astro-cid-5wnvluim] .num[data-astro-cid-5wnvluim]{position:absolute;z-index:1;color:#fff;top:.65vmax;left:1.3vmax;font-size:clamp(1.3vmax,10vw,5.21vmax);transition:opacity .8s cubic-bezier(0,.02,0,1)}.carousel-item[data-astro-cid-5wnvluim] img[data-astro-cid-5wnvluim]{width:100%;height:100%;object-fit:cover;pointer-events:none}.logo[data-astro-cid-5wnvluim]{position:absolute;z-index:2;background:#fff;border-radius:50%;opacity:.5;display:flex;justify-content:center;align-items:center;font-family:AnotherDanger,serif;pointer-events:all;color:#000;text-decoration:none;top:1.82vmax;right:1.82vmax;width:1.95vmax;height:1.95vmax;font-size:1.3vmax;padding-bottom:.065vmax;overflow:hidden}.social[data-astro-cid-5wnvluim]{position:absolute;z-index:10;bottom:1.3vmax;right:1.63vmax;color:#fff;opacity:.4;a{display:inline-block;margin-left:.2vmax}svg{--fill: #fff;width:2.28vmax;height:2.28vmax}}@property --bg-1-x{syntax: "<number>"; inherits: true; initial-value: 0;}@property --bg-2-x{syntax: "<number>"; inherits: true; initial-value: 0;}@property --bg-2-y{syntax: "<number>"; inherits: true; initial-value: 0;}@property --bg-3-x{syntax: "<number>"; inherits: true; initial-value: 0;}@property --bg-3-y{syntax: "<number>"; inherits: true; initial-value: 0;}:root{--bg-color: hsl(240deg 10% 12%);--bg-grain: url(/20-projects-with-windicss/assets/svgNoise2.svg);--bg-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--shadow-size: max(140px, 40vw);--shadow-size-fallback: 40vw;--shadow-blur: 60;--color-1: #6328da;--color-2: #ff1bf1;--color-3: #008cea;--bg-1-x: 0;--bg-1-y: 0;--bg-2-x: 0;--bg-2-y: 0;--bg-3-x: 0;--bg-3-y: 0}@supports (color: color(display-p3 1 1 1)){:root{--color-1: color(display-p3 .36 .17 .82);--color-2: color(display-p3 .95 .04 .95);--color-3: color(display-p3 .01 .53 .99)}}@media (min-width: 960px){:root{--shadow-size: max(72px, 25vw);--shadow-size-fallback: 25vw;--shadow-blur: 80}}[data-astro-cid-bbe6dxrz]{box-sizing:border-box;outline:calc(var(--debug) * 1px) dashed red}[data-astro-cid-bbe6dxrz]:before,[data-astro-cid-bbe6dxrz]:after{outline:calc(var(--debug) * 1px) dashed red}body{font-family:Mona Sans,sans-serif;display:grid;grid-template-columns:repeat(1,1fr);background:var(--bg-color);z-index:1;position:relative;min-height:100vh}body:before{content:"";position:absolute;display:block;width:100%;height:100%;z-index:1;background:radial-gradient(circle var(--shadow-size, var(--shadow-size-fallback)) at 20vw 0,var(--color-1, red) 100%,transparent 0),radial-gradient(circle var(--shadow-size, var(--shadow-size-fallback)) at 100vw 0,var(--color-2, red) 100%,transparent 0),radial-gradient(circle calc(var(--shadow-size, var(--shadow-size-fallback)) * 1.2) at 50vw 115vh,var(--color-3, red) 100%,transparent 0);top:0;left:0;opacity:.5;filter:blur(calc(var(--shadow-blur) * 1px));mix-blend-mode:hue}body:after{content:"";display:block;width:100%;height:100%;position:absolute;z-index:-1;top:0;left:0;filter:contrast(145%) brightness(650%) invert(100%);mix-blend-mode:screen;background:var(--bg-grain);background-size:500px}main[data-astro-cid-bbe6dxrz]{width:100%;height:100vh;position:relative;z-index:-1;top:0;left:0;display:grid;place-items:center;z-index:2}main[data-astro-cid-bbe6dxrz] h1[data-astro-cid-bbe6dxrz]{color:#fff;font-size:6vmax;mix-blend-mode:lighten;text-align:center;font-weight:650;font-stretch:110%;letter-spacing:-.04em;background:var(--bg-grain),conic-gradient(from 140deg at calc(var(--bg-1-x) * 1%) 90%,#1a0d00,#00011a,#fffffa,#15009e,#d232aa,#fa8c3d,#fff480,#fffffa,#7ed4fb,#040d8b,#010014),radial-gradient(ellipse at calc(var(--bg-2-x) * 1%) calc(var(--bg-2-y) * 1%),white 12%,transparent 35%),radial-gradient(ellipse at calc(var(--bg-3-x) * 1%) calc(var(--bg-3-y) * 1%),#61a8fa,transparent 35%);background-repeat:repeat;background-size:500px,cover;background-blend-mode:color-burn;-webkit-text-fill-color:transparent;-webkit-background-clip:text;opacity:1;animation:bg 20s linear infinite alternate;position:relative;.am-logo{position:absolute;left:50%;transform:translate(-50%);width:7vmax;bottom:-12vmax}@media (width <= 1111px) and (orientation: portrait){font-size:4vmax;width:80%}}@keyframes bg{0%{--bg-1-x: 25 ;--bg-2-y: 40 ;--bg-2-x: 35 ;--bg-3-y: 20 ;--bg-3-x: 45 }25%{--bg-1-x: 30;--bg-2-y: 50;--bg-2-x: 80;--bg-3-y: 20;--bg-3-x: 70}50%{--bg-1-x: 10;--bg-2-y: 40;--bg-2-x: 30;--bg-3-y: 80;--bg-3-x: 50}75%{--bg-1-x: 70;--bg-2-y: 10;--bg-2-x: 50;--bg-3-y: 30;--bg-3-x: 40}to{--bg-1-x: 25 ;--bg-2-y: 40 ;--bg-2-x: 35 ;--bg-3-y: 20 ;--bg-3-x: 45 }}:root{--gradient: linear-gradient(to bottom, #00f, #ff00fa, transparent)}@font-face{font-family:AnotherDanger;src:url(/20-projects-with-windicss/assets/Mona-Sans.woff2) format("woff2 supports variations"),url(/20-projects-with-windicss/assets/Mona-Sans.woff2) format("woff2-variations");font-weight:100 1000}body{--sb-track-color: #000;--sb-thumb-color: var(--gradient);--sb-size: .7vmax;overflow-x:hidden;background-color:#000}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-tap-highlight-color:transparent;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)}}