feat: new design

Also I've decided to update colours and add a small "Peeps" page to highlight
cool people I know or follow.

1 files changed, 47 insertions, 5 deletions

diff --git a/style.css b/style.css
index 93d8a62..2917404 100644
--- a/style.css
+++ b/style.css
@@ -1,14 +1,25 @@
+:root {
+    --cblack: #161719;
+    --cblue: #81a2be;
+    --ccyan: #8abeb7;
+    --cgreen: #b5bd68;
+    --cmagenta: #b294bb;
+    --cred: #cc6666;
+    --cwhite: #c5c8c6;
+    --cyellow: #f0c674;
+}
+
 @media (prefers-color-scheme: light) {
     :root {
-        --background: white;
-        --foreground: black;
+        --background: var(--cwhite);
+        --foreground: var(--cblack);
     }
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --background: black;
-        --foreground: white;
+        --background: var(--cblack);
+        --foreground: var(--cwhite);
     }
 }
 
@@ -16,5 +27,36 @@ body {
     background-color: var(--background);
     color: var(--foreground);
     font-family: monospace;
-    font-size: 14px;
+    font-size: 1.3em;
+    margin-top: 10em;
+    margin-left: auto;
+    margin-right: auto;
+    display: table;
+}
+
+a {
+    color: var(--cblue)
+}
+
+a:visited {
+    color: var(--cmagenta)
+}
+
+dt {
+    font-style: italic;
+}
+
+ul {
+    font-style: italic;
+    display: table;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+footer {
+    margin-top: 10em;
+}
+
+.center {
+    text-align: center;
 }