working on the colors of the navbars

src/components/Navbar.tsx

@@ -8,13 +8,7 @@ export default function Navbar() {
             : 'text-gray-600';
 
     return (
-        <nav className="
-      fixed bottom-0 left-0 right-0   /* pin to bottom */
-      flex justify-around             /* evenly spaced links */
-      bg-white border-t border-gray-200  /* top border for separation */
-      py-2                            /* vertical padding */
-      shadow-lg                       /* subtle drop shadow */
-      ">
+        <nav className="nav fixed bottom-0 left-0 right-0 flex justify-around border-t border-gray-200 py-2 ">
             <NavLink to="/" className={linkClasses}>
                 <FaHome className="w-6 h-6"/>
             </NavLink>

src/styles/navbar.css

@@ -3,12 +3,12 @@ nav {
     display: flex;
     justify-content: center;
     gap: 2rem;
-    background-color: #6D5CC4;
+    background-color: darkviolet;
     padding: 1rem 0;
 }
 
 nav a {
-    color: #4b5563;
+    color: whitesmoke;
     text-decoration: none;
     font-weight: 500;
 }