crt: port effect from old site to new one

static/style.css

@@ -18,11 +18,55 @@ body {
   overflow: auto;
   font-family: "DotGothic16", sans-serif;
 
+
   main {
     padding-top: 3.5rem;
   }
 }
 
+/* CRT Effect */
+
+crt {
+  display: block;
+  position: relative;
+  z-index: 9999;
+
+  &::before,
+  &::after {
+    content: "";
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    pointer-events: none;
+    z-index: 2147483647;
+  }
+
+  &::before {
+    background: linear-gradient(
+      to bottom,
+      transparent 50%,
+      rgba(0, 0, 0, 0.2) 51%
+    );
+    background-size: 100% 4px;
+    animation: scanlines 1s steps(60) infinite;
+  }
+
+  &::after {
+    width: 100%;
+    height: 2px;
+    background: rgba(0, 0, 0, 0.2);
+    opacity: 0.7;
+  }
+}
+
+@keyframes scanlines {
+  0% {
+    background-position: 0 50%;
+  }
+}
+
 /* Navbar */
 navbar {
   font-family: "VT323", monospace;
@@ -118,6 +162,4 @@ miniplayer {
   ominous-message {
     font-style: italic;
   }
-
-
 }