Update leaderboard.html

Author: thecodersclub-mce

leaderboard.html

@@ -7,8 +7,12 @@
     <link rel="icon" href="TCC.png" type="image/png">
     <link rel="stylesheet" href="styles.css">
     <style>
-        /* Leaderboard Specific Styles - Now embedded in this file */
-
+        .active-nav-button {
+    background-color: #0056b3; /* A slightly darker blue to indicate active state */
+    color: white;
+    border-bottom: 3px solid #f0f0f0; /* Add a subtle underline */
+    }
+        
         /* Mini Window Styling (for leaderboard page) */
         .mini-window {
             width: 90%;
@@ -219,7 +223,7 @@ <h2 class="site-title">The Coders Club</h2>
         <button class="nav-button" onclick="window.location.href='weeklycontent.html';">Weekly Content</button>
         <button class="nav-button" onclick="window.location.href='quiz.html';">Week 5 Quiz</button>
         <button class="nav-button" onclick="window.location.href='finalquiz.html';">Final Quiz</button>
-        <button class="nav-button" onclick="window.location.href='leaderboard.html';">Leaderboard</button>
+        <button class="nav-button active-nav-button" onclick="window.location.href='leaderboard.html';">Leaderboard</button>
         <button class="nav-button" onclick="window.location.href='feedback.html';">Feedback</button>
     </div>