light theme! crt now disabled by default

public/style/main.css

@@ -14,15 +14,17 @@
 body {
     margin: 0;
     padding: 0;
-    background: #080808;
-    color: #eee;
+    background: var(--background);
+    color: var(--on-background);
     font-family: "Monaspace Argon", monospace;
     font-size: 18px;
-    text-shadow: 0 0 3em;
     scroll-behavior: smooth;
+
+    transition: color .2s, background-color .2s;
 }
 
-main {
+body.crt #overlay {
+    display: block;
 }
 
 a {
@@ -118,6 +120,7 @@ a#backtotop:hover {
     left: 0;
     width: 100vw;
     height: 100vh;
+    display: none;
     background-image: linear-gradient(180deg, rgba(0,0,0,0) 15%, rgb(0, 0, 0) 40%, rgb(0, 0, 0) 60%, rgba(0,0,0,0) 85%);
     background-size: 100vw .2em;
     background-repeat: repeat;
@@ -136,3 +139,27 @@ a#backtotop:hover {
     }
 }
 
+
+@media (prefers-color-scheme: light) {
+    a.link-button:hover {
+        box-shadow: none;
+    }
+
+    @keyframes list-item-fadein {
+        from {
+            opacity: 1;
+            background: var(--links);
+        }
+
+        to {
+            opacity: 1;
+            background: transparent;
+        }
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    body.crt {
+        text-shadow: 0 0 3em;
+    }
+}