fix spacing

static/navbar.css

@@ -47,9 +47,12 @@ body{
 }
 #human-practice{
     width: 250px;
+    margin-right: 30px;
 }
 #edu{
-    width: 90px;
+    width: 110px; /* Increase the width for "Education" */
+    margin-right: 30px; /* Ensure sufficient space between "Education" and "Safety" */
+
 }
 .my-navbar>li a{
     color: var(--text, var(--text, rgba(24, 90, 79, 1)));
@@ -78,7 +81,7 @@ body{
         width: 280px;
     }
     #edu{
-        width:120px;
+        width:130px;
     }
     .my-nav>ul>li a{
         font-size: 30px;
@@ -102,6 +105,9 @@ body{
     #human-practice{
         width: 210px;
     }
+    #edu {
+        width: 100px; /* Increase width for "Education" in this range */
+    }
     .my-nav>ul>li a{
         font-size: 22px;
     }
@@ -124,7 +130,7 @@ body{
         width: 190px;
     }
     #edu{
-        width:80px;
+        width:90px;
     }
     .my-nav>ul>li a{
         font-size: 20px;
@@ -148,7 +154,7 @@ body{
         width: 160px;
     }
     #edu{
-        width:70px;
+        width:80px;
     }
     .my-nav>ul>li a{
         font-size: 18px;