update everything html/css

static-html-directory/styles.css

@@ -1,5 +1,3 @@
-/* Add these styles to your existing styles.css file or create a new one */
-
 /* Common Styles */
 body {
     margin: 0;
@@ -63,13 +61,26 @@ body {
     display: flex;
   }
   
-  .dark-grey-purple #main-nav ul li {
-    margin-left: 20px;
+  .dark-grey-purple #main-nav li {
+    margin-left: 10px;
   }
   
-  /* Media Query */
+  /* Media Queries */
   @media screen and (max-width: 768px) {
+    .dark-grey-purple header {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+  
     .dark-grey-purple #main-nav {
+      display: none;
+    }
+  
+    .dark-grey-purple #menu-toggle {
+      display: block;
+    }
+  
+    .dark-grey-purple #menu-toggle.active ~ #main-nav {
       display: block;
     }
   
@@ -77,8 +88,9 @@ body {
       flex-direction: column;
     }
   
-    .dark-grey-purple #main-nav ul li {
-      margin: 10px 0;
+    .dark-grey-purple #main-nav li {
+      margin-left: 0;
+      margin-bottom: 10px;
     }
   }