header rewrite start

app/styles/responsive.css

@@ -8,8 +8,6 @@
   
   /* Header styles */
   header {
-    flex-direction: column;
-    align-items: center;
     position: fixed;
     top: 0;
     left: 0;
@@ -36,17 +34,6 @@
     margin: 0;
   }
 
-  header li button {
-    margin: 2px;
-    margin-bottom: 0;
-  }
-
-  header li img {
-    height: 1.5em;
-    vertical-align: middle;
-    margin-top: 10px;
-  }
-
   /* Left panel styles */
   .left-panel {
     display: hidden; /* Initially hidden */
@@ -120,6 +107,18 @@
   .login-button button{
     margin: 20px 0;
   } 
+
+  .hamburger.open{
+    margin-top: 0.5vh;
+  }
+
+  .nav-links{
+    position: fixed;
+  }
+  
+  .hamburger {
+    display: flex;
+  }
 }
 
 /* Responsive adjustments for the settings */