From 910bdf9367bdceabf5cdb3fa9092ff5b8ce42bdb Mon Sep 17 00:00:00 2001
From: darkicewolf50 <darkicewolf50@gmail.com>
Date: Sat, 29 Mar 2025 15:29:50 -0600
Subject: [PATCH] feat(header): started colouring in correctly

---
 src/Header/Header.css | 19 +++++++++++++------
 src/Header/Header.js  | 12 ++++++------
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/src/Header/Header.css b/src/Header/Header.css
index ddd558f..0ed71be 100644
--- a/src/Header/Header.css
+++ b/src/Header/Header.css
@@ -7,7 +7,7 @@ header {
 
 	align-items: center;
 	justify-content: space-between;
-	background-color: antiquewhite;
+	background-color: #1f1f1f;
 }
 
 header a {
@@ -38,7 +38,9 @@ header div {
 
 #logo {
 	height: 10svh;
+	/* width: 10svw; */
 	padding: 0.15rem;
+	margin-left: 3svw;
 }
 
 /* naviagation section */
@@ -55,8 +57,12 @@ nav a {
 }
 
 nav a li {
-	background-color: white;
-	padding: 0.5rem;
+	background-color: #1f1f1f;
+	color: whitesmoke;
+	padding: 1rem;
+
+	font-size: larger;
+
 	/* border-left: solid 2px gray; */
 }
 /* removes first divider */
@@ -66,7 +72,8 @@ nav a li {
 }
 
 nav a li:hover {
-	background-color: gray;
+	/* background-color: gray; */
+	color: #a80029;
 }
 
 nav ul {
@@ -143,9 +150,9 @@ creates dwon downs
 	display: flex;
 	width: fit-content;
 
-	margin-left: 3svw;
+	margin-left: 15svw;
 
-	font-size: xx-large;
+	font-size: xx-large; /* todo make larger */
 	font-weight: normal;
 
 	background-color: white;
diff --git a/src/Header/Header.js b/src/Header/Header.js
index efc1812..d24f52c 100644
--- a/src/Header/Header.js
+++ b/src/Header/Header.js
@@ -93,19 +93,19 @@ export default function Header() {
 				<nav>
 					<ul>
 						<Link to={"/"}>
-							<li id="FirstNav">Home</li>
+							<li id="FirstNav">HOME</li>
 						</Link>
 						<Link to={"/"}>
-							<li>About</li>
+							<li>ABOUT</li>
 						</Link>
 						<Link to={"/Teams"}>
-							<li>Team</li>
+							<li>TEAM</li>
 						</Link>
 						<Link to={"/"}>
-							<li>History</li>
+							<li>HISTORY</li>
 						</Link>
 						<Link to={"/OurSponsors"}>
-							<li>Sponsors</li>
+							<li>SPONSORS</li>
 						</Link>
 						{/* <Link to={"/OurSponsors"}>
 							<li>Become a Sponsor</li>
@@ -141,7 +141,7 @@ export default function Header() {
 							</ul>
 						</li> */}
 						<Link to={"/"}>
-							<li>Contact Us</li>
+							<li>CONTACT US</li>
 						</Link>
 					</ul>
 				</nav>