Update cssoverlay.css

Author: AthaxDev

cssoverlay.css

@@ -1,17 +1,66 @@
-         body::after{
-            z-index: 9999;
-            content: "JSO?? NO THIS CSS OVERLAY, TOUCHED BY FVSCyber";
-            font-family: 'Courier New', Courier, monospace;
-            font-size: 1.5em;
-            display: flex;
-            color: #dbd9d9;
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100vh;
-            background-color: #0000009e;
-            backdrop-filter: blur(15px);
-            justify-content: center;
-            align-items: center;
-         }
+         /* ===== Glitch Overlay + Center Text ===== */
+
+/* Overlay noise + scanline */
+body::after {
+  content: "";
+  position: fixed;
+  inset: 0;
+  background: repeating-linear-gradient(
+      to bottom,
+      rgba(255,255,255,0.02) 0,
+      rgba(255,255,255,0.02) 1px,
+      transparent 1px,
+      transparent 2px
+    ),
+    repeating-linear-gradient(
+      to right,
+      rgba(255,255,255,0.02) 0,
+      rgba(255,255,255,0.02) 1px,
+      transparent 1px,
+      transparent 2px
+    );
+  mix-blend-mode: overlay;
+  animation: noiseMove 0.5s steps(2) infinite;
+  z-index: 99998;
+  pointer-events: none;
+  background-color: #0000009e;
+  backdrop-filter: blur(30px);
+}
+
+/* Glitch text */
+body::before {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  content: "HACKED BY FVSCYBER";
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-family: monospace;
+  font-size: 4vw;
+  font-weight: bold;
+  color: white;
+  text-shadow: 2px 0 red, -2px 0 cyan;
+  animation: glitchText 2s infinite;
+  z-index: 99999;
+  pointer-events: none;
+  width: 100dvw;
+  height: 100dvh;
+  
+}
+
+/* Glitch distort overlay */
+@keyframes noiseMove {
+  0%, 100% { background-position: 0 0, 0 0; }
+  50% { background-position: 5px 5px, -5px -5px; }
+}
+
+@keyframes glitchText {
+  0% { text-shadow: 2px 0 red, -2px 0 cyan; }
+  20% { text-shadow: -2px 0 red, 2px 0 cyan; transform: translate(-50%, -50%) skew(1deg); }
+  40% { text-shadow: 2px 0 blue, -2px 0 lime; transform: translate(-50%, -50%) skew(-1deg); }
+  60% { text-shadow: -2px 0 magenta, 2px 0 yellow; transform: translate(-50%, -50%) skew(2deg); }
+  80% { text-shadow: 2px 0 red, -2px 0 cyan; transform: translate(-50%, -50%) skew(-2deg); }
+  100% { text-shadow: 2px 0 red, -2px 0 cyan; transform: translate(-50%, -50%) skew(0deg); }
+}