:root{--outline-color: rgba(255, 255, 255, .3)}html{font-size:14px}body{text-align:center;background-attachment:fixed;min-height:100vh;background-image:url(https://assets.codepen.io/65540/aurora-gradient-1771163238679.webp);background-size:cover;font-family:Cascadia Code,monospace}a{background:linear-gradient(to right,#ad1457,#29b6f6);-webkit-background-clip:text;background-clip:text;color:transparent;mix-blend-mode:multiply;text-decoration:underline dotted}a:hover{text-decoration:underline}#page{max-width:600px;margin:50px auto}h2{margin-bottom:0;text-transform:lowercase;letter-spacing:2px}h2+p,h2+details,h2+ul,h2+ol{margin-top:.5rem}pre{line-height:1;font-family:Recursive,monospace;font-size:1rem;margin-bottom:0}details[open]{margin-bottom:.5rem}details[open] summary{margin-bottom:.5rem}details pre,details code{background-color:#fff6;padding:10px;border:1px rgba(0,0,0,.1) dashed}header{text-align:center;margin-bottom:50px}header pre{background:linear-gradient(to right,#ad1457,#29b6f6);-webkit-background-clip:text;background-clip:text;color:transparent;mix-blend-mode:multiply;font-weight:700}main{text-align:left}footer{margin-top:50px;font-size:.8rem}.tagline{margin:0;letter-spacing:1px;font-size:1.1rem}