body { margin: auto; padding: 0 2%; max-width: 60em; font-family: Arial, sans-serif; } a { color: #1f15aa; } a:visited { color: #752d77; } #banner a:link, #banner a:visited, #banner a:hover, #menu a:link, #menu a:visited, #menu a:hover, header a, header a:visited, header a:hover { color: inherit; text-decoration: none; } footer.post-info, footer.copyright { font-size: 0.8em; color: #595959; } footer.copyright { text-align: center; margin-bottom: 1em; } #menu ul { list-style: none; padding-left: 0; } #menu li { display: inline; } #menu li + li::before { content: " | "; } pre { border: 2px solid gray; padding: 0.5em; background: white; } @media(prefers-color-scheme: light) { html { background-color: aliceblue; } } @media(prefers-color-scheme: dark) { html { background-color: #232323; color: lightgrey; } a { color: #7d74ff; } a:visited { color: #b369b5; } footer.post-info, footer.copyright { color: #b0b0b0; } pre { background: black; } }