.map{margin:0;color:var(--accent);left:calc(50% + 300px);font-size:56px;font-weight:700;letter-spacing:-3px;line-height:1.2;position:absolute}section>div{height:600px}.div,section>div{width:500px;padding:20px}.div{height:500px;position:relative;max-height:90vh;background:var(--white);overflow:hidden}.img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border-radius:10px}body{--black:#000;--ash-black:#222;--white:#fafafa;--sky:#0cf;--green:#2dd;--blue:#1300ff;--dusk:#60f;--purple:#90f;--pink:#f06;--red:#fe0222;--orange:#fd7702;--yellow:#fb0;--background:var(--red);--accent:var(--black);margin:0;padding:0;color:var(--accent)}*{font-weight:400;-webkit-font-smoothing:antialiased}*,h1,h2,h3{font-family:sofia-pro,sans-serif;font-style:normal}h1,h2,h3{font-weight:600}h1{font-size:36px;letter-spacing:-1px;margin:100px 0 40px}h2{font-weight:400;margin:50px 0 10px}::-webkit-scrollbar{height:5px;width:5px;background:var(--white)}::-webkit-scrollbar-thumb{background:var(--black);-webkit-border-radius:1ex}::-webkit-scrollbar-corner{background:var(--background)}h1{text-align:center;margin:100px 0}h1,h2{font-size:56px;font-weight:700;letter-spacing:-3px;line-height:1.2}h2{margin:0;color:var(--accent);left:calc(50% + 130px);position:absolute}section{height:100vh;display:flex;justify-content:center;align-items:center;position:relative;scroll-snap-align:center;perspective:500px}section>div{position:relative;max-height:90vh;margin:20px;background:var(--white);overflow:hidden}