diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..8120cea --- /dev/null +++ b/style.css @@ -0,0 +1,43 @@ +@media (prefers-color-scheme: dark) { + :root { + --bg: #1c1b19; + --fg: #fce8c3; + } +} +@media (prefers-color-scheme: light) { + :root { + --bg: white; + --fg: #2e3436; + } +} + +html { + background-color: var(--bg); + box-sizing: border-box; + color: var(--fg); + font-size: clamp(100%, 3vw, 150%); + margin: auto; + max-width: calc(1024px + 2ch); + scroll-padding-top: 3rem; +} +body { margin: 0 1ch } +a[href] { + color: var(--fg); + font-weight: bold; + text-decoration: none; +} +h1 { margin: 0.5ex 0 } +h2 { margin: 0 0 0.5ex 0 } +img { max-width: 100% } +article + article { margin-top: 1rem } +nav { + align-items: center; + background-color: var(--bg); + display: flex; + justify-content: space-between; + position: sticky; + top: 0; +} +footer { margin-bottom: 1ch } +footer svg { height: 1.5ex } +footer svg + svg { padding-left: 0.5ex } |