body{background:linear-gradient( 45deg,rgba(0,217,250,1) 0%,rgba(0,250,199,1) 100% );background-size:100vw 100vh;background-attachment:fixed;color:#111;margin:0;background-color:red;text-shadow:1px 1px 0 hsla(191,0%,90%,.6);display:grid;justify-content:center}#content{margin:2vmax;padding:2vmax;background-color:hsla(0,0%,90%,.5);border-radius:.1vmax 2vmax;max-width:64em}#header{display:grid;padding:2vmax;font-size:18vmin;font-weight:700;font-style:italic;font-family:inter ui,sans-serif;align-items:center;justify-content:space-between;color:#0a0b29;text-shadow:1px 1px 0 hsla(191,0%,90%,.9)}a{color:#0a2329;text-decoration:none;background-size:1px 1em;box-shadow:inset 0 -.175em hsla(191,60%,10%,.1),inset 0 -.2em hsla(191,60%,10%,.1);display:inline}pre,code{font-family:Consolas,monospace;overflow:auto;white-space:pre-wrap}code{background-color:#1119;color:hsla(191,0%,90%,.9);text-shadow:1px 1px 0 #0a2329}pre>code{background-color:transparent}pre{border-radius:.6vmax 0 0 .6vmax;width:100%;overflow:auto;background-color:#1119;padding:1em;color:hsla(191,0%,90%,.9);text-shadow:1px 1px 0 #0a2329}nav>ul{display:flex;grid-gap:1em;list-style:none;margin:0;padding:0;font-size:8vmin}nav>ul>li{padding:0}