:root{--color-bg: #111;--color-text: #4A9CD6}*{box-sizing:border-box;margin:0;padding:0}body{display:flex;align-items:center;flex-direction:column;font-family:sans-serif;color:var(--color-text);background:var(--color-bg);padding:2rem}button{background:none;border:solid 2px var(--color-text);color:var(--color-text);padding:.5em 1em;font-size:1.5rem;font-weight:700;cursor:pointer}body:not(.connected) .only-connected{display:none}body.connected .only-not-connected{display:none}hr{width:100%;border:none;height:3px;background:rgba(255,255,255,.2666666667)}h1,h2,h3{text-align:center}select{background:none;color:var(--color-text);font-size:1rem;padding:.5em}option{background:var(--color-bg);color:var(--color-text)}