adjust nav bar

index.html

@@ -91,7 +91,7 @@
     </div>
   </nav> -->
 
-  <nav class="navbar navbar-default"
+  <!-- <nav class="navbar navbar-default"
   style="background-color: rgb(119, 226, 255); border-bottom: 3px solid rgb(236, 194, 253); border-top: 3px solid rgb(236, 194, 253)">
   <div class="container-fluid">
     <a href="#" class="navbar-brand" style="color: rgb(236, 194, 253); font-weight: bolder; font-size: x-large;">
@@ -104,7 +104,23 @@
       <li><a href="./index.html#leaderboard" style="color: rgb(236, 194, 253); font-weight: 800">Leaderboard</a></li>
     </ul>
   </div>
-</nav> 
+</nav>  -->
+
+<nav class="navbar navbar-default"
+  style="background-color: rgb(119, 226, 255); border-bottom: 3px solid rgb(236, 194, 253); border-top: 3px solid rgb(236, 194, 253)">
+  <div class="container-fluid">
+    <a href="#" class="navbar-brand" style="color: rgb(236, 194, 253); font-weight: bolder; font-size: x-large;">
+      <img src="static/images/MJBench.jpg" alt="Logo" style="width: auto; height: 40px;">
+      MJ-Bench
+    </a>
+    <ul class="nav navbar-nav" style="display: flex; align-items: center; justify-content: space-between; width: 100%;">
+      <li style="list-style: none; margin-right: 20px;"><a href="./index.html" style="color: rgb(236, 194, 253); font-weight: 800">MJ-Bench</a></li>
+      <li style="list-style: none; margin-right: 20px;"><a href="./index.html#overview" style="color: rgb(236, 194, 253); font-weight: 800">Overview</a></li>
+      <li style="list-style: none;"><a href="./index.html#leaderboard" style="color: rgb(236, 194, 253); font-weight: 800">Leaderboard</a></li>
+    </ul>
+  </div>
+</nav>
+
 
 <!-- <nav class="navbar" role="navigation" aria-label="main navigation">
   <div class="navbar-brand">