diff --git a/web/index.html b/web/index.html
index ead6888..9a42110 100644
--- a/web/index.html
+++ b/web/index.html
@@ -29,7 +29,7 @@
             background-image: linear-gradient(
       to bottom,
       rgba(11, 11, 11, 0.8),
-      rgba(11, 11, 11, 0.9)
+      rgba(11, 11, 11, 0.8  )
     ),
     url(https://zzls.xyz/assets/bgs/bgtile3.gif);
             margin: 0;
@@ -38,11 +38,64 @@
             font-family: Helvetica, Arial, sans-serif;
             height: 100%;
             width: 100%;
+            /* filter: invert(0.99); */
         }
 
         * {
             box-sizing: border-box;
         }
+
+        /* https://systemspace.dimden.dev/res/css/scanlines.css
+
+/* Scanlines */
+body:before {
+  content: "";
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 1000;
+  background-image: url(https://zzls.xyz/assets/bgs/overlay.png);
+  background-repeat: all;
+  background-position: 0px 0px;
+  animation-name: Static;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  animation-timing-function: steps(4);
+  opacity: 0.3;
+  /* box-shadow: inset 0px 0px 10em rgba(0, 0, 0, 0); */
+}
+
+body:after {
+  content: "";
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 1000;
+  background-image: url(https://zzls.xyz/assets/bgs/overlay2.png);
+  background-repeat: all;
+  background-position: 0px 0px;
+  animation-name: Static;
+  animation-duration: 0.8s;
+  animation-iteration-count: infinite;
+  animation-timing-function: steps(4);
+  opacity: 0.3;
+}
+
+@keyframes Static {
+  0% {
+    background-position: 0px 0px;
+  }
+
+  100% {
+    background-position: 0px 4px;
+  }
+}
     </style>
 </head>