:root{--text:#9ca3af;--text-h:#a7c4ff;--bg:#16171d;--code-bg:#141833;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;letter-spacing:.18px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{background-color:#16171d;margin:0}#root{box-sizing:border-box;background-color:#34418c;justify-content:center;max-width:100%;min-height:100svh;margin:0 auto;display:flex}main{background-color:var(--code-bg);width:fit-content;max-width:800px;height:fit-content;box-shadow:var(--shadow);border-radius:20px;margin:50px 0;padding:4px 30px;display:block}ul{color:#87cefa;font-family:var(--mono);padding-left:24px;font-size:18px;list-style-type:square}header{margin:0}h1,h2{font-family:var(--heading);color:#f5f5f5;margin:0;font-weight:500;line-height:100%}h1{font-size:48px}h2{color:#d3d3d3;font-size:28px;font-style:italic;font-weight:400}