html,*{margin:0;padding:0;box-sizing:border-box}html{height:80vh;font-family:Roboto,sans-serif;display:flex;justify-content:center;align-items:center;--foreground-color: #222;--background-color: #fff;--accent-color: #f0c;color:var(--foreground-color);background-color:var(--background-color)}@media (prefers-color-scheme: dark){html{--foreground-color: #bbb;--background-color: #111}}.accent{color:var(--accent-color)}h1{letter-spacing:-.05em}