about summary refs log tree commit diff homepage
path: root/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'style.css')
-rw-r--r--style.css43
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 }