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(--white);--accent:var(--black);margin:0;background-color:var(--background);color:var(--accent);padding:0 0 100px}*{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;font-weight:700;letter-spacing:-1px;line-height:1.2;text-align:center;margin:100px 0 40px}h2{font-weight:400;margin:50px 0 10px}p{margin:0 0 30px;font-size:18px}footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:flex-start;align-items:center;padding:20px;background-image:radial-gradient(transparent 1px,var(--background) 1px);background-size:4px 4px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:14px;line-height:14px}footer:before{display:block;content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--accent);opacity:.2}footer svg{margin-right:20px}footer a{text-decoration:none;color:var(--accent)}code{font-family:input-mono,monospace;font-weight:400;font-style:normal}article{max-width:500px;padding:20px;margin:0 auto}.progress-bar{position:fixed;top:0;left:0;right:0;height:10px;background:var(--red);transform-origin:0}