navbar color change

static/navbar.css

@@ -33,7 +33,7 @@ body{
     background-repeat: no-repeat;
 }
 .my-navbar{
-    height: 67px;
+    height: 50px;
     margin-left: 20px;
     margin-right: 50px;
     margin-top: 24px;

wiki/menu.html

@@ -113,7 +113,7 @@
           <a href="{{ url_for('pages', page='human-practices') }}">Human Practices</a>
       </li>
       <li id="edu" onmouseover="over(this)" onmouseleave="leave(this)">
-          <a href="{{ url_for('pages', page='education') }}">Education and Outreach</a>
+          <a href="{{ url_for('pages', page='education') }}">Education & Outreach</a>
       </li>
       <li onmouseover="over(this)" onmouseleave="leave(this)">
           <a href="{{ url_for('pages', page='safety') }}">Safety</a>
@@ -134,9 +134,9 @@
   let items = navbar.children;
   function over(el){
       for (i = 0; i < 7; i++){
-          items[i].children[0].style.color = "#2B5D6F";
+          items[i].children[0].style.color = "#62D881";
       }
-      el.children[0].style.color = "rgba(248,240,232,1)";
+      el.children[0].style.color = "#185A4F";
       if (el.children.length > 1){
         let son = el.children[1];
         if (getComputedStyle(son,null)["display"]=="none"){
@@ -158,7 +158,7 @@
   }
   function leave(el){
       for (i = 0; i < 7; i++){
-          items[i].children[0].style.color = "rgba(248,240,232,1)";
+          items[i].children[0].style.color = "#185A4F";
       }
       if (el.children.length > 1){
         let son = el.children[1];