From dfeac079305a4fa972dbdb4b55299b6c77b9fc74 Mon Sep 17 00:00:00 2001
From: Addison <63932310+addiment@users.noreply.github.com>
Date: Wed, 3 Jan 2024 08:50:48 -0500
Subject: [PATCH] Make the 404 page glitch effect choppy with a non-continuous
 timing function (#1040)

Make the glitch effect choppy with a non-continuous timing function
---
 pages/404.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/404.js b/pages/404.js
index 76bb7770..32f2300a 100644
--- a/pages/404.js
+++ b/pages/404.js
@@ -160,12 +160,12 @@ const Blinking = styled(Heading)`
   &:after {
     left: 2px;
     text-shadow: -2px 0 ${theme.colors.red};
-    animation: ${animation1} 2s infinite linear alternate-reverse;
+    animation: ${animation1} 2s infinite steps(2, jump-end) alternate-reverse;
   }
   &:before {
     left: -2px;
     text-shadow: -2px 0 ${theme.colors.cyan};
-    animation: ${animation2} 4s infinite linear alternate-reverse;
+    animation: ${animation2} 4s infinite steps(2, jump-end) alternate-reverse;
   }
 `