diff --git a/static/navbar.css b/static/navbar.css
index 12ee5d95d8b3f7809b55bcb809a2ab2ca32e97ec..bf34ae1d940944b2b5fc750a6dd55078fb745203 100644
--- a/static/navbar.css
+++ b/static/navbar.css
@@ -54,8 +54,7 @@ body{
     height: 50px;
     margin-left: 5px;
     margin-right: 50px;
-    /* margin-top: 24px; */
-    margin-top: 0px;
+    margin-top: 24px;
     list-style: none;
 }
 .my-navbar>li{
@@ -63,7 +62,6 @@ body{
     width: 120px;
     height: 110%;
     margin-right: 25px;
-    position: relative;
 }
 #human-practice{
     width: 250px;
@@ -74,6 +72,24 @@ body{
     margin-right: 30px; /* Ensure sufficient space between "Education" and "Safety" */
 
 }
+.my-navbar>li a{
+    color: var(--text, var(--text, rgba(24, 90, 79, 1)));
+    font-family: AccidenzCommons;
+    font-size: 25px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: normal;
+    text-decoration: none;
+    transition: color 0.15s linear;
+}
+.son{
+    margin-top: 30px;
+    list-style: none;
+    display: none;
+    text-align: left;
+    transition: all 0.3s ease-out;
+    opacity: 0;
+}
 
 /* Adjust for smaller screens */
 @media screen and (max-width:1130px) {