added new button

nav_bar/nav_bar.css

@@ -1,38 +1,39 @@
 body {
-    margin: 0;
-    font-family: Arial, Helvetica, sans-serif;
-  }
-  
-  .topnav {
-    overflow: hidden;
-    background-color: #FFFF;
-  }
-  
-  .topnav a {
-    float: left;
-    color: black;
-    text-align: end;
-    padding: 14px 16px;
-    text-decoration: none;
-    font-size: 15px;
-  }
-  
-  .topnav a:hover {
-    color: red;
-  }
-  
-  .topnav a.active {
-    color: red;
-  }
+  margin: 0;
+  font-family: Arial, Helvetica, sans-serif;
+}
 
-  .logo {
-    width: 200px;
-    height: 50px;
-    padding-right: 480px;
-    padding-left: 30px;
-  }
+.topnav {
+  overflow: hidden;
+  background-color: #ffff;
+}
 
-  .header-container{
-    display: flex;
-    align-items: center;
-  }
+.topnav a {
+  float: left;
+  color: black;
+  text-align: end;
+  padding: 14px 16px;
+  text-decoration: none;
+  font-size: 15px;
+}
+
+.topnav a:hover {
+  color: red;
+  background-color: aliceblue;
+}
+
+.topnav a.active {
+  color: red;
+}
+
+.logo {
+  width: 200px;
+  height: 50px;
+  padding-right: 480px;
+  padding-left: 30px;
+}
+
+.header-container {
+  display: flex;
+  align-items: center;
+}

nav_bar/nav_bar.html

@@ -11,8 +11,8 @@
       </div>
       <!--This is the top nav bar-->
       <div class="topnav">
-        <a class="active" href="#home">Home</a>
-        <a href="#aboutus">About Us</a>
+        <a href="#home">Home</a>
+        <a class="active" href="#aboutus">About Us</a>
         <a href="#doctors">Doctors</a>
         <a href="#department">Department</a>
         <a href="#newsandmedia">New and Media</a>