:root { --body-bg: #1d1f21; --body-fg: #c5c8c6; --selection-bg: #bf87d0; --selection-fg: #232627; --nav-fg: #edafb8; --nav-selected-fg: #232627; --nav-selected-bg: #bf87d0; --link-fg: #23d19b; --home-bg: #56355D; --home-fg: #ffffff; --listitem-bg1: #232323; --listitem-bg2: #272727; --codeblock-bg: #3f3f3f; --codeblock-fg: #ffffff; } * { font-family: sans-serif; box-sizing: border-box; } body { background-color: var(--body-bg); color: var(--body-fg); line-height: 1.5; margin: 0; padding: 0; } ::selection { background: var(--selection-bg); color: var(--selection-fg); } ::-moz-selection { background: var(--selection-bg); color: var(--selection-fg); } a { color: var(--link-fg); } #header-img { width: 100%; max-height: auto; margin: 1rem auto; } img { display: block; max-width: 100%; max-height: 30rem; } code { background-color: var(--codeblock-bg); color: var(--codeblock-fg); padding: 5px 8px; border-radius: 4px; font-family: monospace; } pre code { overflow-x: auto; display: block; } main:not(#site-home-page) { max-width: 1000px; width: 95%; margin: auto; } #site-header { width: 100%; margin-top: 1rem; display: flex; justify-content: center; } #global-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; } #global-nav a { text-decoration: none; color: var(--nav-fg); padding: 0 6px; } #global-nav a#nav-link-active { background-color: var(--nav-selected-bg); color: var(--nav-selected-fg); } footer { max-width: 95%; margin: auto; } footer #copyright { text-align: center; line-height: 1.1; }