diff --git a/src/assets/styles/header.css b/src/assets/styles/header.css
index e243c508..43fd76c0 100644
--- a/src/assets/styles/header.css
+++ b/src/assets/styles/header.css
@@ -11,6 +11,7 @@
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
+ min-height: 5rem;
.header__brand {
display: flex;
@@ -30,6 +31,31 @@
}
}
+ .title {
+ font-size: 3rem;
+ font-weight: bold;
+ background: linear-gradient(270deg, #ff416c, #ff4b2b, #1e90ff, #32cd32);
+ background-size: 800% 800%;
+ background-clip: inherit;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ animation: animateGradient 8s ease infinite;
+ }
+
+ @keyframes animateGradient {
+ 0% {
+ background-position: 0% 50%;
+ }
+
+ 50% {
+ background-position: 100% 50%;
+ }
+
+ 100% {
+ background-position: 0% 50%;
+ }
+ }
+
/* --- Navigation Links --- */
.caption {
display: flex;
@@ -89,4 +115,4 @@
width: 2rem;
border-radius: 50%;
cursor: pointer;
-}
+}
\ No newline at end of file
diff --git a/src/components/ZodiacTab.astro b/src/components/ZodiacTab.astro
index 1811b631..ab9b80ab 100644
--- a/src/components/ZodiacTab.astro
+++ b/src/components/ZodiacTab.astro
@@ -21,7 +21,7 @@ import "@/assets/styles/zodiac.css";
import type { Language } from "@/types/zodiac";
document.addEventListener("DOMContentLoaded", () => {
- const zodiacsPromise = fetch("/src/data/zodiac.json").then((res) => res.json());
+ const zodiacsPromise = fetch("src/data/zodiac.json").then((res) => res.json());
zodiacsPromise.then((zodiacs) => {
const zodiacsGrid = document.getElementById("zodiacsGrid");
diff --git a/src/content/support.md b/src/content/support.md
index 000daf19..832d590c 100644
--- a/src/content/support.md
+++ b/src/content/support.md
@@ -37,7 +37,7 @@ If something isn’t working:
- Make sure your internet connection is active.
- Try refreshing the page.
-- Use a modern browser like **Chrome**, **Firefox**, or **Edge**.
+- Use a modern browser like **Chrome**, **Firefox**, or **Edge**.
- If you're using a school device, check for any firewall or content blockers.
---
diff --git a/src/layouts/common/Footer.astro b/src/layouts/common/Footer.astro
index 882660b5..48adef53 100644
--- a/src/layouts/common/Footer.astro
+++ b/src/layouts/common/Footer.astro
@@ -49,36 +49,35 @@ import ToggleIcon from "@/assets/icons/toggle.svg";
-
+
-
+
+