From 3f084860be2e8de1f820b4965ac0edd5960e6ada Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Sat, 8 Feb 2025 06:34:23 -0800
Subject: [PATCH] added movement of the css background

---
 src/pages/404.astro | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 5ba831f..3368faa 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -4,9 +4,19 @@ import Link from "next/link";
 ---
 
 <Layout>
-    <div class="h-screen w-full flex justify-center items-center relative">
+    <div
+        class="h-screen w-full flex justify-center items-center relative overflow-hidden"
+    >
         <div
-            class="bg-gradient-to-l to-indigo-950 from-ieee-blue-100 w-[100vw] h-[60vw] md:w-[43vw] md:h-[26vw] md:blur-[3vw] blur-[8vw] rounded-full absolute"
+            class="animate-pulse bg-gradient-to-l to-indigo-950 from-ieee-blue-100 w-[100vw] h-[60vw] md:w-[43vw] md:h-[26vw] md:blur-[3vw] blur-[8vw] rounded-full absolute"
+        >
+        </div>
+        <div
+            class="animate-pulse delay-75 bg-gradient-to-r from-blue-600/30 to-purple-600/30 w-[90vw] h-[55vw] md:w-[38vw] md:h-[24vw] md:blur-[4vw] blur-[9vw] rounded-full absolute -rotate-45"
+        >
+        </div>
+        <div
+            class="animate-pulse delay-150 bg-gradient-to-tr from-ieee-yellow/20 to-blue-500/20 w-[95vw] h-[58vw] md:w-[40vw] md:h-[25vw] md:blur-[3.5vw] blur-[8.5vw] rounded-full absolute rotate-45"
         >
         </div>
         <div class="flex flex-col items-center z-10">