:root { --black: #161719; --blue: #81a2be; --cyan: #8abeb7; --green: #b5bd68; --magenta: #b294bb; --red: #cc6666; --white: #ffffff; --yellow: #f0c674; } @media (prefers-color-scheme: light) { :root { --background: var(--white); --foreground: var(--black); } } @media (prefers-color-scheme: dark) { :root { --background: var(--black); --foreground: var(--white); } } body { background-color: var(--background); color: var(--foreground); font-family: monospace; font-size: 1.3em; margin-top: 10em; margin-left: auto; margin-right: auto; display: table; } a { color: var(--blue) } a:visited { color: var(--magenta) } dt { font-style: italic; } code { white-space: pre; } .center { text-align: center; }