*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Montserrat,sans-serif}body{--black: #000000;--ash-black: #222;--white: #fafafa;--sky: #00ccff;--green: #22dddd;--blue: #1300ff;--dusk: #6600ff;--purple: #9900ff;--pink: #ff0066;--red: #fe0222;--orange: #fd7702;--yellow: #ffbb00;--background: var(--purple);--accent: var(--white)}code{font-family:input-mono,monospace;font-weight:400;font-style:normal}::-webkit-scrollbar{height:5px;width:5px;background:var(--background)}::-webkit-scrollbar-thumb{background:var(--accent);-webkit-border-radius:1ex}::-webkit-scrollbar-corner{background:var(--background)}html{scroll-snap-type:y mandatory}.textScroll{padding-top:5vh;padding-bottom:5vh;position:relative;background-color:#f5f5f5}.progress{position:fixed;left:0;right:0;height:5px;background:var(--accent);bottom:100px}.parallax{overflow:hidden;letter-spacing:-2px;line-height:.8;margin:0;white-space:nowrap;display:flex;flex-wrap:nowrap}.parallax .scroller{font-weight:800;text-transform:uppercase;font-size:50px;margin-bottom:2rem;white-space:nowrap;display:flex;flex-wrap:nowrap;color:#0003}.parallax span{display:block;margin-right:30px}.section{background-clip:border-box;width:100%;max-width:520px;min-height:330px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:20px;position:relative}.section .card-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;border-radius:30px;opacity:0;transition:opacity .3s;z-index:2}.section:hover .card-image-overlay{opacity:1}@media(max-width:700px){.section{max-width:98vw;min-width:0;border-radius:18px}}@media(max-width:500px){.section{max-width:100vw;min-width:0;border-radius:10px}}.refresh{padding:10px;background:#0006;border-radius:10px;width:200px;height:160px;display:flex;justify-content:center;align-items:center;cursor:pointer;border:2px solid red}