.am-section[data-astro-cid-y3soregm]{height:100vh;width:100%;position:fixed;inset:0;z-index:-1;background-size:cover;background-image:url(/20-projects-with-unocss/assets/bg.svg)}.am-section{min-height:100vh;display:flex;scroll-snap-align:center;.slide{border:.1vmax solid black;font-size:5vmax;background-image:var(--gradient);mix-blend-mode:difference;width:20%;position:relative;.am-img{position:absolute;width:80%;height:80%;object-fit:cover;left:50%;top:45%;transform:translate(-50%,-50%);border-radius:1.2vmax;@media (width <= 1111px) and (orientation: portrait){width:95%;height:90%;top:50%}}.am-repo{text-decoration:none;color:transparent;text-shadow:0 0 1px #000;z-index:5;position:absolute;left:50%;transform:translate(-50%);font-size:4vmax;bottom:1.2vmax;@media (width <= 1111px) and (orientation: portrait){display:none}}}@media (width <= 1111px) and (orientation: portrait){flex-direction:column;.slide{height:20vh;width:100%}}*{user-select:none;-webkit-tap-highlight-color:transparent}}:root{--shadow: hsl(0 0% 0% / .9);--bg: hsl(0 0% 70%);--header: hsl(0 0% 65%);--lit-header: hsl(0 0% 100%);--speed: 2s;--ease: linear( 0 0%, .0036 9.62%, .0185 16.66%, .0489 23.03%, .0962 28.86%, .1705 34.93%, .269 40.66%, .3867 45.89%, .5833 52.95%, .683 57.05%, .7829 62.14%, .8621 67.46%, .8991 70.68%, .9299 74.03%, .9545 77.52%, .9735 81.21%, .9865 85%, .9949 89.15%, 1 100% );color-scheme:dark only}.am-section[data-astro-cid-bbe6dxrz]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:var(--bg);perspective:1200px}.am-section[data-astro-cid-bbe6dxrz]:before{--size: 45px;--line: color-mix(in lch, canvas, transparent 85%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 50% 50% / var(--size) var(--size);mask:linear-gradient(-35deg,transparent 30%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}@property --swing-x{initial-value: 0; inherits: false; syntax: "<integer>";}@property --swing-y{initial-value: 0; inherits: false; syntax: "<integer>";}p[data-astro-cid-bbe6dxrz]{font-weight:100}h1[data-astro-cid-bbe6dxrz]{animation:swing var(--speed) infinite alternate var(--ease);font-size:5vmax;text-align:center;font-family:Open Sans,sans-serif;margin:0;letter-spacing:.4vmax;width:50%;transform:translateZ(0);--x: calc(50% + (var(--swing-x) * .5) * 1%);color:transparent;color:var(--lit-heade);position:relative;.uno-ccs-logo{position:absolute;left:50%;transform:translate(-50%);width:5vmax;bottom:-6vmax}.am-span{animation:swing var(--speed) infinite alternate var(--ease);position:absolute;top:0;left:0;z-index:-5;color:var(--shadow);filter:blur(1.5vmin);transform:scale(1.05) translate3d(0,12%,-10vmin) translate(calc((var(--swing-x) * .05) * 1%),calc((var(--swing-y) * -.025) * 1%))}}.cloak[data-astro-cid-bbe6dxrz]{animation:swing var(--speed) infinite alternate-reverse var(--ease);height:100%;width:100%;transform-origin:50% 25%;transform:rotate(calc(var(--swing-x) * -.25deg));background:radial-gradient(40% 40% at 50% calc(42% + (var(--swing-y) * .01%)),transparent,hsl(0 0% 2% / .94) 38vmax)}.cloak__wrapper[data-astro-cid-bbe6dxrz]{position:fixed;inset:0;overflow:hidden;pointer-events:none}.cloak__container[data-astro-cid-bbe6dxrz]{height:250vmax;width:250vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes swing{0%{--swing-x: -100;--swing-y: -100}50%{--swing-y: 0}to{--swing-y: -100;--swing-x: 100}}:root{--gradient: linear-gradient(to bottom, white, #fff5)}body{--sb-track-color: #101010;--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}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}html,body{scroll-snap-type:y mandatory}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)}}@font-face{font-family:Open Sans;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/20-projects-with-unocss/assets/opensans.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}