diff --git a/src/components/Header.astro b/src/components/Header.astro
index b12a074..01264c5 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -26,16 +26,4 @@ const { withGradient = false } = Astro.props;
             font-size: var(--text-base);
         }
     }
-
-    @keyframes gradient-animation {
-        0% {
-            background-position: 0% 50%;
-        }
-        50% {
-            background-position: 100% 50%;
-        }
-        100% {
-            background-position: 0% 50%;
-        }
-    }
 </style>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 8303ea6..934caad 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -138,6 +138,18 @@ const { title } = Astro.props as Props;
                 animation: gradient-animation 120s ease infinite;
             }
 
+            @keyframes gradient-animation {
+                0% {
+                    background-position: 0% 50%;
+                }
+                50% {
+                    background-position: 100% 50%;
+                }
+                100% {
+                    background-position: 0% 50%;
+                }
+            }
+
             .preload * {
                 -webkit-transition: none !important;
                 -moz-transition: none !important;