glitch fix

static/navbar.css

@@ -74,25 +74,6 @@ body{
     margin-right: 30px; /* Ensure sufficient space between "Education" and "Safety" */
 
 }
-.my-navbar > li .son {
-    margin-top: 0; /* Remove any margin to avoid indentation */
-    padding: 0; /* Remove padding if not needed */
-    position: absolute; /* Position absolutely */
-    top: 100%; /* Align the dropdown directly below the parent */
-    left: 0; /* Align to the left edge of the parent */
-    width: 100%; /* Make sure the dropdown is as wide as the parent */
-    background-color: #C6EBE8; /* Match the background to the navbar */
-    z-index: 1000; /* Ensure it appears above other elements */
-    visibility: hidden; /* Initially hidden */
-    opacity: 0; /* Start with invisible dropdown */
-    transition: opacity 0.3s ease-out, visibility 0.3s ease-out; /* Smooth transition for visibility and opacity */
-}
-
-.my-navbar > li:hover .son,
-.my-navbar > li.active .son {
-    visibility: visible; /* Make it visible */
-    opacity: 1; /* Make it opaque */
-}
 
 /* Adjust for smaller screens */
 @media screen and (max-width:1130px) {