Add animated centerpiece to index

static/assets/css/overrides.css

@@ -12,6 +12,7 @@
 @media (prefers-color-scheme: dark) {
     :root {
         color-scheme: dark;
+        --bg: #080606;
         --accent: #FF8A8A;
         --accent-hover: #ffe099;
         --code: #f06292;
@@ -19,15 +20,6 @@
     }
 }
 
-pre,
-code,
-pre span
-{
-    font-family: "Libre Baskerville";
-    background-color: inherit;
-    border: none;
-}
-
 @font-face {
   font-family: 'Kode Mono Variable';
   font-style: normal;
@@ -59,6 +51,15 @@ html {
     font-family: "Libre Baskerville";
 }
 
+pre,
+code,
+pre span
+{
+    font-family: "Libre Baskerville";
+    background-color: inherit;
+    border: none;
+}
+
 .mono pre,
 .mono pre span,
 .mono code,
@@ -68,4 +69,3 @@ html {
 {
     font-family: "Fira Mono";
 }
-