:root { --cblack: #161719; --cblue: #81a2be; --ccyan: #8abeb7; --cgreen: #b5bd68; --cmagenta: #b294bb; --cred: #cc6666; --cwhite: #ffffff; --cyellow: #f0c674; } @media (prefers-color-scheme: light) { :root { --background: var(--cwhite); --foreground: var(--cblack); } } @media (prefers-color-scheme: dark) { :root { --background: var(--cblack); --foreground: var(--cwhite); } } 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(--cblue) } a:visited { color: var(--cmagenta) } dt { font-style: italic; } ul { font-style: italic; display: table; margin-left: auto; margin-right: auto; } footer { margin-top: 10em; } .center { text-align: center; }