:root { font-size: 16px; --border-type: solid; --border-size: 1px; --border-color: var(--fg-faded); --border-radius: 1rem; --content-max-width: 60rem; --h-uni-padding: .8rem; --v-uni-padding: .2rem; --fg: #ebdbb2; color: var(--fg); --fg-emph: #fbebe2; --fg-faded: #928373; --fg-button: var(--fg-faded); --fg-link: #88aaa3; --fg-code: #ffbe85; --fg-gold: #fff190; --emph-shadow: 0 0 2px; --bg: #1d2021; --bg-dark: #282828; --trans-time: .2s; } * { box-sizing: border-box; font-family: "IBM Plex Mono", monospace; padding: 0; margin: 0; } html { background: var(--bg); scroll-behavior: smooth; } #__next { /*body*/ display: flex; flex-direction: column; margin: 0 auto; max-width: var(--content-max-width); min-height: 100vh; } a { color: var(--fg-link); text-decoration: none; transition: var(--trans-time) opacity; } a:hover { opacity: .4; } h1, h2, h3, h4, h5, em { color: var(--fg-emph); } p { margin: .5rem 0; } em { font-weight: normal; font-style: normal; text-shadow: var(--emph-shadow) currentColor; }