From d4d99cb046c62790bb920d522733d2e3adceb531 Mon Sep 17 00:00:00 2001
From: Evyatar <code@ealush.com>
Date: Tue, 13 Feb 2024 14:41:14 +0000
Subject: [PATCH] Animate Background

---
 src/styles/globals.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 37fad597..66ed6325 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -33,6 +33,14 @@ body {
   overflow-x: hidden;
 }
 
+/* animate background position 100px and restart */
+
+@keyframes background {
+  to {
+    background-position-y: 100%;
+  }
+}
+
 body {
   color: rgb(var(--foreground-rgb));
   background-color: var(--background-color);
@@ -44,6 +52,8 @@ body {
     transparent 50%
   );
   background-size: 70.71px 70.71px; /* 50px * sqrt(2) to account for the 45 degree rotation */
+  background-position-y: 0;
+  animation: background 60s linear infinite;
 }
 
 a {