Upload files to "static"

static/styles.css

@@ -42,11 +42,40 @@ ul li.info {
 /* Links */
 a {
     color: #1e90ff;
-    text-decoration: none;
+    text-decoration: none; /* Remove underline by default */
+    transition: background-color 0.3s ease, color 0.3s ease;
 }
 
+/* Hover state - keep underline */
 a:hover {
-    text-decoration: underline;
+    text-decoration: none; /* Remove underline on hover */
+    color: #1c7fd6; /* Slightly lighter blue */
+}
+
+/* Active state - no underline */
+a:active, a:focus {
+    color: #1a6bb8; /* Even lighter blue */
+    text-decoration: none; /* Remove underline on active or focus */
+}
+
+/* For active link in the nav */
+.nav-links .active {
+    color: #1a6bb8; /* Lighter color when active */
+    background-color: #444; /* Change background for active link */
+    border-radius: 5px; /* Optional: for rounded corners */
+}
+
+/* Navbar */
+header nav a:hover {
+    background-color: #555;
+    text-decoration: none; /* Remove underline on hover for navbar */
+    border-radius: 10px;
+}
+
+/* Dropdown Menu */
+.dropdown-content a:hover {
+    background-color: #555;
+    text-decoration: none; /* Remove underline on hover for dropdown menu */
 }
 
 /* Header and Navigation */
@@ -112,8 +141,36 @@ header nav a:hover {
 /* Navbar */
 .nav-links {
     display: flex;
-    flex-direction: row;
+    justify-content: space-between; /* Space between center and right sections */
-    gap: 15px;
+    align-items: center;
+    padding: 0 20px; /* Optional padding for spacing */
+}
+
+.nav-center {
+    flex: 1; /* Takes up remaining space */
+    text-align: center; /* Center-aligns content */
+    display: flex;
+    justify-content: center; /* Centers the links */
+    gap: 20px; /* Spacing between links */
+}
+
+.nav-right {
+    margin-left: auto; /* Pushes the right section to the far right */
+    display: flex;
+    gap: 15px; /* Space between the links */
+}
+
+.nav-center a, .nav-right a {
+    color: white; /* Ensure consistent color */
+    text-decoration: none;
+    padding: 8px 15px;
+    transition: background-color 0.3s ease, border-radius 0.3s ease;
+}
+
+.nav-center a:hover, .nav-right a:hover {
+    background-color: #555;
+    text-decoration: underline;
+    border-radius: 10px; /* Rounded corners on hover */
 }
 
 .nav-links.active {