From 6a2998976361c6b7ed0862f8bf69f9cfea13d95b Mon Sep 17 00:00:00 2001
From: GivFNZ <givfnz@p0ntus.com>
Date: Sat, 22 Mar 2025 20:20:54 -0300
Subject: [PATCH] fix & style: change some colors and apply z-index for header,
 so it will be on top of everything

---
 package.json                    | 2 +-
 src/components/Footer/index.tsx | 2 +-
 src/components/Header/styles.ts | 1 +
 src/pages/home/styles.ts        | 1 +
 src/pages/music/index.tsx       | 3 ++-
 src/pages/projects/styles.ts    | 2 +-
 src/styles/global.ts            | 2 +-
 7 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 342676b..8433fd3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "givs-website-react",
   "private": true,
-  "version": "1.3.0",
+  "version": "1.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index a284ef6..f1c6e8f 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -2,7 +2,7 @@ export default function Footer() {
     return (
         <footer>
             <p>© 2025 GivFNZ</p>
-            <p>Version: 1.3.0</p>
+            <p>Version: 1.3.1</p>
         </footer>
     )
 }
\ No newline at end of file
diff --git a/src/components/Header/styles.ts b/src/components/Header/styles.ts
index e670d7d..f8f0578 100644
--- a/src/components/Header/styles.ts
+++ b/src/components/Header/styles.ts
@@ -41,6 +41,7 @@ export const HeaderContainer = styled.div`
   height: 70px;
   background-color: ${props => props.theme["green-400"]};
   color: ${props => props.theme.white};
+  z-index: 1;
 
   nav {
     display: flex;
diff --git a/src/pages/home/styles.ts b/src/pages/home/styles.ts
index 67f8f8b..e6c240e 100644
--- a/src/pages/home/styles.ts
+++ b/src/pages/home/styles.ts
@@ -9,6 +9,7 @@ export const IconContainer = styled.div`
 export const IconLink = styled.a`
   color: ${props => props.theme["light-cream"]};
   transition: color 0.3s;
+  text-decoration: none;
 
   &:hover {
     color: ${props => props.theme["cream"]};
diff --git a/src/pages/music/index.tsx b/src/pages/music/index.tsx
index 80a2b1d..763caca 100644
--- a/src/pages/music/index.tsx
+++ b/src/pages/music/index.tsx
@@ -3,6 +3,7 @@ import { MainContainer } from "../../components/MainContent/styles";
 import { useQuery } from '@tanstack/react-query'
 import { Paragraph } from "../../components/Paragraph/styles";
 import { useTranslation } from "react-i18next";
+import { IconLink } from "../home/styles";
 
 
 export default function Music() {
@@ -16,7 +17,7 @@ export default function Music() {
             <h1>{t("myLast")}</h1>
             <h3>{t("myLastDescription")}</h3>
             <Paragraph>{lastResponse?.recenttracks?.track[0].name} - {lastResponse?.recenttracks?.track[0].artist["#text"]}</Paragraph>
-            <a target="blank" href={lastResponse?.recenttracks?.track[0].url}>{t("lastLink")}</a>
+            <IconLink target="blank" href={lastResponse?.recenttracks?.track[0].url}>{t("lastLink")}</IconLink>
             <Paragraph>Last update: {lastResponse?.recenttracks?.track[0]?.date["#text"]} UTC</Paragraph>
         </MainContainer>
     )
diff --git a/src/pages/projects/styles.ts b/src/pages/projects/styles.ts
index 0332a58..8383543 100644
--- a/src/pages/projects/styles.ts
+++ b/src/pages/projects/styles.ts
@@ -16,7 +16,7 @@ export const ProjectGrid = styled.div`
 `;
 
 export const ProjectCard = styled.a`
-  background: ${props => props.theme["green-400"]};
+  background: ${props => props.theme["green-500"]};
   padding: 1.5rem;
   border-radius: 8px;
   text-decoration: none;
diff --git a/src/styles/global.ts b/src/styles/global.ts
index 0478a5f..7194842 100644
--- a/src/styles/global.ts
+++ b/src/styles/global.ts
@@ -67,7 +67,7 @@ p {
 }
 
 .bgb {
-  background-color: ${props => props.theme["dark-cream"]};
+  background-color: ${props => props.theme["gray-600"]};
   color: ${props => props.theme.white};
   border: none;
   &:focus {