.container[data-astro-cid-y3soregm],video[data-astro-cid-y3soregm]{position:fixed;width:100%;height:100vh;z-index:-1}video[data-astro-cid-y3soregm]{position:absolute;top:0;left:0;object-fit:cover;object-position:center}.video2[data-astro-cid-y3soregm]{mix-blend-mode:screen;filter:brightness(2)}:root{--card-size: 16.93vmax}main[data-astro-cid-5wnvluim]{display:grid;place-items:center;min-height:100vh;font-family:Geist Sans,sans-serif,system-ui;width:100%;overflow-x:hidden;font-weight:80;background-color:transparent}main[data-astro-cid-5wnvluim]:before{--size: 2.93vmax;--line: color-mix(in lch, canvasText, transparent 85%);background:linear-gradient(90deg,var(--line) .07vmax,transparent .07vmax var(--size)) 50% 50% / var(--size) var(--size),linear-gradient(var(--line) .07vmax,transparent .07vmax var(--size)) 50% 50% / var(--size) var(--size);content:"";height:100vh;width:100vw;position:fixed;mask:linear-gradient(-25deg,transparent 30%,white);top:0;transform-style:flat;pointer-events:none}ul[data-astro-cid-5wnvluim]{--width: 100vw;width:var(--width);height:100vh;padding:0;margin:0;list-style-type:none;display:grid;place-items:center;grid-auto-flow:column;overflow:auto;scroll-snap-type:x mandatory;gap:1.04vmax;padding:0 calc((var(--width, 80vw) * .5) - (var(--card-size, 19.53vmax) * .5))}li[data-astro-cid-5wnvluim]{scroll-snap-align:center}article[data-astro-cid-5wnvluim]{width:var(--card-size, 19.53vmax);box-shadow:var(--shadow-5),0 .07vmax inset #fff;aspect-ratio:3 / 4;background:var(--surface-4);position:relative;overflow:hidden;border-radius:var(--radius-3)}article[data-astro-cid-5wnvluim]:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:2;border-radius:var(--radius-3);border:.39vmax solid hsl(0 0% 100% / .1)}article[data-astro-cid-5wnvluim]:after{content:"";z-index:-1;position:absolute;inset:0;filter:grayscale(.5);background-image:var(--bg);background-size:cover;background-position:0% 50%}.word[data-astro-cid-5wnvluim]{clip-path:inset(0 0 0 0)}span[data-astro-cid-5wnvluim]>span[data-astro-cid-5wnvluim]{display:inline-block}a[data-astro-cid-5wnvluim]>span[data-astro-cid-5wnvluim]{background:#0006;position:absolute;inset:0;display:grid;place-items:center}span[data-astro-cid-5wnvluim]{font-size:1vmax;text-align:center;font-weight:700;letter-spacing:.52vmax;text-transform:uppercase;color:#fff;padding:1vmax}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){span[data-astro-cid-5wnvluim]>span[data-astro-cid-5wnvluim]{translate:0 100%;animation:move-on-up both ease-in-out;animation-timeline:--item;animation-range:cover 40% cover 60%}article[data-astro-cid-5wnvluim]{scale:.8;filter:grayscale(1);animation:colorify,scalify;animation-fill-mode:both;animation-timing-function:ease-in-out;view-timeline:--item inline;animation-timeline:view(inline);animation-range:cover 40% cover 60%}article[data-astro-cid-5wnvluim]:after{animation:shift-bg both linear;animation-timeline:--item;animation-range:cover 40% cover 60%,contain}@keyframes move-on-up{0%{translate:0 100%}50%{translate:0 0}to{translate:0 -100%}}@keyframes colorify{50%{filter:grayscale(0)}}@keyframes scalify{50%{scale:1;background-position:100% 100%}}@keyframes shift-bg{0%{background-position:0% 50%}to{background-position:100% 50%}}}}.am-logo[data-astro-cid-kmetj66o]{position:absolute;bottom:-8.5vmax;left:50%;transform:translate(-50%);width:6vmax}.scene[data-astro-cid-kmetj66o]{perspective:400px;*{transform-style:preserve-3d;font-size:4vmax;@media(width<=1111px)and (orientation:portrait){font-size:2.6vmax}}}.layeredText[data-astro-cid-kmetj66o]{--layers-count: 24;--layer-offset: .13vmax;position:relative;font-family:Montserrat,sans-serif;font-weight:900;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(280 80% calc(var(--n) * 60%));animation:rotating 3s infinite ease-in-out alternate}}@keyframes rotating{0%{transform:translateZ(calc(var(--i) * var(--layer-offset))) rotate(calc(var(--n) * 15deg))}to{transform:translateZ(calc(var(--i) * var(--layer-offset))) rotate(calc(var(--n) * -15deg))}}.am-hero[data-astro-cid-bbe6dxrz]{height:100vh;position:relative;overflow:hidden;display:flex;flex-wrap:wrap;place-content:center}h1[data-astro-cid-bbe6dxrz]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5vmax;text-align:center;text-wrap:balance;color:transparent;background-image:var(--gradient);background-clip:text;img{width:4vmax;transform:translateY(.3vmax)}}:root{--gradient: linear-gradient(to bottom, #7911f7, transparent)}@font-face{font-family:Miranda Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/20-projects-with-bootstrap/assets/miran.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:AnotherDanger;src:url(/assets/AnotherDanger.otf) format("opentype");font-weight:400;font-style:normal}body{--sb-track-color: #fff;--sb-thumb-color: var(--gradient);--sb-size: .7vmax}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0;font-family:Miranda Sans,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}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)}}