:root { --primary-color: #272736; --text-color: #ffffeb; /* Overriding DP DS */ --body-background: var(--primary-color); --body-color: var(--text-color); --nav-color: var(--primary-color); --nav-background: var(--text-color); --a-color: var(--text-color); } nav { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } main { padding-bottom: 12em; } article { max-width: 1000px; margin: auto; } pre { padding: 1em; padding-left: 2em; border: solid; border-radius: 1em; border-width: 1px; border-color: var(--text-color); } .figure > p { text-align: center; } .question { font-style: italic; } h1 { font-size: 2.0em; } .post-link { font-family: monospace; font-size: 1.25em; margin: auto 0; } @media (prefers-color-scheme: light) { :root { --primary-color: #ffffeb; --text-color: #272736; } } @media (max-width: 420px) { #app { margin-left: 0vw; margin-right: 0vw; } }