adjust navbar

static/navbar.css

@@ -27,10 +27,11 @@ body{
     position: fixed;
     z-index: 10;
     transition: all 0.2s linear; */
-    height: 100px;
-    display: flex;
+    /* height: 100px; */
+    /* display: flex; */
     position: fixed; /* Keep the navbar fixed at the top of the viewport */
     top: 0; /* Align it to the very top of the page */
+    left: -10px;
     width: 100%; /* Make sure it spans the full width of the page */
     z-index: 10; /* Ensure it stays above other content */
     backdrop-filter: blur(5px); /* Optional: Keep this for a blurred background */
@@ -38,7 +39,7 @@ body{
     margin: 0; /* Remove any margin */
     padding: 0; /* Remove any padding */
     align-items: center; /* Ensure vertical alignment */
-    padding-top: 10px;
+    /* padding-top: 10px; */
 }
 .my-nav .icon{
     /* flex-basis: 200px;
@@ -51,13 +52,12 @@ body{
     background-repeat: no-repeat; */
     flex-basis: 200px; /* Make sure this is large enough for the logo */
     height: 100%; /* Ensure the icon container height matches the nav */
-    margin: 0 30px; /* Adjust margin to properly position the logo */
+    margin: 5px 30px 0 30px; /* Adjust margin to properly position the logo */
     background-image: url(https://static.igem.wiki/teams/5054/logo-kleur.svg);
     background-size: contain; /* Adjust to contain the entire logo */
     background-position: center; /* Center the logo */
     background-repeat: no-repeat;
     overflow: visible; /* Prevent cutting off the logo */
-    padding-top: 10px;
 }
 .my-navbar{
     height: 50px;