From 4a0307e7350436fce1a95de453fa19a2cab08b13 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Wed, 15 Mar 2023 23:00:51 -0500
Subject: [PATCH] improve header

---
 src/components/Header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 791197e..9ac7859 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -40,12 +40,12 @@ const NavBar = () => {
 
 const Header: NextPage = () => {
     return <>
-        <div id="logo-row" className="flex flex-row p-4">
+        <div id="logo-row" className="flex flex-row p-4 bg-neutral-800 z-50 drop-shadow-xl">
             <div>
                 <Image alt="Ear listening" src="listening-ear.svg" width={64} height={64}/>
             </div>
             <div id="header-title" className="w-64 grid place-items-center">
-                <h1 className="text-center text-2xl font-bold">Center for Auditory Training Resources</h1>
+                <h1 className="text-center text-2xl font-bold text-white">Center for Auditory Training Resources</h1>
             </div>
         </div>
         <NavBar/>