From d82efff40ee4c85c792404535b5bf2bed9d0ba95 Mon Sep 17 00:00:00 2001
From: No0ne003 <hi.yassir.op@gmail.com>
Date: Sat, 11 May 2024 13:43:54 +0100
Subject: [PATCH] make header not sticky and change some colors on home
 component

---
 src/layouts/header.jsx | 2 +-
 src/pages/Home.jsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/header.jsx b/src/layouts/header.jsx
index 6cc8761..694bd28 100644
--- a/src/layouts/header.jsx
+++ b/src/layouts/header.jsx
@@ -27,7 +27,7 @@ function Header() {
   });
 
   return (
-    <header className="dark:bg-black bg-white bg-opacity-10 px-6 py-3 backdrop-blur-2xl sticky top-0 z-50">
+    <header className="bg-background px-6 py-3 backdrop-blur-2xl">
       <div className="container flex justify-between items-center">
         <Logo />
         <Navigation />
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 0a55b66..7d9859f 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -18,7 +18,7 @@ function Home() {
           development
         </span>
       </p>
-      <p className="text-neutral-500 text-xs">
+      <p className="text-neutral-500 text-foreground/45">
         I&apos;ll start on it when add the first componenet (project)
       </p>
       {projects.map((item) => (