From cfb04de146bd9b9c2d87199dbe54b8573f329b75 Mon Sep 17 00:00:00 2001
From: Ben C <ben@bwc9876.dev>
Date: Sat, 25 Apr 2026 10:59:16 -0400
Subject: [PATCH] Fix project card backdrops

---
 src/layouts/Layout.astro | 21 +++++++++++++++++++++
 src/styles/style.css     | 21 ---------------------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 37fe466..f3933c8 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -131,6 +131,27 @@ const canonical = Astro.url.toString();
     border-bottom: var(--section-border);
   }
 
+  @keyframes rainbow {
+    0% {
+      filter: hue-rotate(0deg);
+    }
+    50% {
+      filter: hue-rotate(180deg);
+    }
+    100% {
+      filter: hue-rotate(360deg);
+    }
+  }
+
+  .backdrop {
+    z-index: -50;
+    position: fixed;
+    inset: 0;
+    background-image: url("@assets/bg-tile.webp");
+    animation: rainbow 5s linear infinite;
+    opacity: 3%;
+  }
+
   nav {
     display: flex;
     gap: var(--1);
diff --git a/src/styles/style.css b/src/styles/style.css
index e44ec1a..33add57 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -8,27 +8,6 @@
 @custom-media --lg (width >=1200px);
 @custom-media --xl (width >=1700px);
 
-@keyframes rainbow {
-  0% {
-    filter: hue-rotate(0deg);
-  }
-  50% {
-    filter: hue-rotate(180deg);
-  }
-  100% {
-    filter: hue-rotate(360deg);
-  }
-}
-
-.backdrop {
-  z-index: -50;
-  position: fixed;
-  inset: 0;
-  background-image: url("@assets/bg-tile.webp");
-  animation: rainbow 5s linear infinite;
-  opacity: 3%;
-}
-
 .container {
   --gutter: var(--2);
   margin: 0 var(--gutter);
-- 
2.51.2