.am-bg[data-astro-cid-y3soregm]{height:100vh;width:100%;position:fixed;z-index:-1;inset:0;background-image:url(/20-projects-with-solidjs/assets/bg.svg);background-size:cover;background-position:top;overflow:hidden}.am-container-cards{min-height:200vh;position:relative}.card-wrap{position:sticky;display:grid;height:100vh;place-content:center;inset:0;transform-style:preserve-3d;perspective:52.08vmax}.card{border-radius:1.56vmax;position:relative;z-index:50;height:80vh;aspect-ratio:9 / 16;background:radial-gradient(circle at var(--shine-x) var(--shine-y),#fffa 40px,#0000),var(--img);background-size:cover;background-position:center;box-shadow:var(--shadow-x) var(--shadow-y) 30px #0000004d;transform:rotateX(var(--ry)) rotateY(var(--rx));animation:rotate-y linear,shadow-y linear,rotate-x linear,shadow-x linear,anim-shine-x linear,anim-shine-y linear;animation-timeline:scroll(root),scroll(root),scroll(root inline),scroll(root inline),scroll(root inline),scroll(root);@media (width <= 1111px) and (orientation: portrait){zoom:.7}.num{position:absolute;top:1.3vmax;color:#fff;font-family:Montserrat;mix-blend-mode:overlay;right:1.3vmax;font-size:2vmax}}@property --rx{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --ry{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --shadow-x{syntax: "<length>"; initial-value: 0px; inherits: false;}@property --shadow-y{syntax: "<length>"; initial-value: 0px; inherits: false;}@property --shine-x{syntax: "<percentage>"; initial-value: 0%; inherits: false;}@property --shine-y{syntax: "<percentage>"; initial-value: 0%; inherits: false;}@keyframes rotate-x{0%{--rx: var(--rotation)}to{--rx: calc(var(--rotation) * -1)}}@keyframes rotate-y{0%{--ry: calc(var(--rotation) * -1)}to{--ry: var(--rotation)}}@keyframes shadow-x{0%{--shadow-x: var(--shadow-length)}to{--shadow-x: calc(-1 * var(--shadow-length))}}@keyframes shadow-y{0%{--shadow-y: calc(-1 * var(--shadow-length))}to{--shadow-y: var(--shadow-length)}}@keyframes anim-shine-x{0%{--shine-x: 0%}to{--shine-x: 100%}}@keyframes anim-shine-y{0%{--shine-y: 100%}to{--shine-y: 0%}}:root{--a: 9deg;--sin: .156434;--cos: .987688;--b: -8deg;--u: 1.56vmax;--l: .28vmax;--s: .55vmax;--d: max(.026vmax, .65vmax);--r: 35%;--t: .35s}.html[data-astro-cid-kmetj66o]{height:100vh;position:relative}.body[data-astro-cid-kmetj66o]{--hl: 0;position:relative;height:100vh;place-self:center;font:900 italic clamp(2.08vmax,min(14vmax,50vmax),36.46vmax) / 1.04 montserrat,ubuntu,trebuchet ms,sans-serif;display:flex;flex-wrap:wrap;place-content:center;@media (width <= 1111px) and (orientation: portrait){font-size:7vmax}}.body[data-astro-cid-kmetj66o]:focus-within{--hl: 1}svg[data-astro-cid-kmetj66o][aria-hidden=true][height="0"]{position:fixed}.outoffmesh[data-astro-cid-kmetj66o]{grid-area:1 / 1;position:relative;transform:skewY(calc((1 - var(--hl)) * -8deg)) scale(.4);color:#00f;letter-spacing:.85vmax;overflow-wrap:anywhere;text-align:center;text-transform:uppercase;isolation:isolate;filter:url(#outoffmesh);transition:transform var(--t) ease-out;@media (width <= 1111px) and (orientation: portrait){transform:skewY(calc((1 - var(--hl)) * -8deg)) scale(.6)}}.outoffmesh[data-astro-cid-kmetj66o]:after{place-content:end;position:absolute;inset:0 0 -.78vmax;padding:inherit;background:linear-gradient(#0f0 .125lh,#000 calc(50% - .125lh)) 0 0 / 1% 2lh,linear-gradient(red 0 0),linear-gradient(#0000 50%,#fff 0) 0 0 / 1% 2lh,repeating-linear-gradient(-30deg,grey 0 var(--l),#fff 0 var(--s)) 0 0 / 100% 2lh,linear-gradient(#0000 50%,#fff 0) 0 0 / 1% 2lh,radial-gradient(var(--r) var(--r),grey 100%,#000) 0 0 / var(--d) var(--d);background-blend-mode:lighten,overlay,difference,darken,normal;mix-blend-mode:lighten;pointer-events:none;content:""}.outoffmesh[data-astro-cid-kmetj66o]:focus{outline:none}.am-logo[data-astro-cid-kmetj66o]{all:initial;isolation:auto;position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%);width:4vmax}.am-hero[data-astro-cid-bbe6dxrz]{height:100vh;position:relative}:root{--gradient: linear-gradient(to bottom, #dc5153, red)}@font-face{font-family:AnotherDanger;src:url(/assets/AnotherDanger.otf) format("opentype");font-weight:400;font-style:normal}body{--sb-track-color: #5c97d0;--sb-thumb-color: var(--gradient);--sb-size: .7vmax}*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Montserrat;font-style:italic;font-weight:900;font-display:swap;src:url(/20-projects-with-solidjs/assets/montserrat.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}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)}}