* { box-sizing: border-box; } html, body { width: 100%; height: 100%; padding: 0; margin: 0; } body { display: flex; position: relative; font-family: monospace; color: white; } a { color: inherit; } #canvas { margin: auto; } nav { position: absolute; top: 8px; left: 8px; padding: 10px 12px; border-radius: 8px; border: 1px solid rgba(65, 65, 65, 0.4); background-color: rgba(60, 60, 60, 0.4); backdrop-filter: blur(8px); display: flex; flex-flow: column nowrap; gap: 4px; } ul { margin: 0; padding-left: 32px; } li { list-style-type: lower-latin; } li.current::after { content: " *"; }