feels good

style.css

@@ -13,9 +13,9 @@ header {
   & > nav {
     background: white;
     position: sticky;
+    top: 0.5em;
     display: flex;
     font-size: xx-large;
-    flex-wrap: wrap;
     & a {
       text-decoration: none;
       &:hover {
@@ -53,20 +53,24 @@ li { list-style: none }
     min-width: fit-content;
   }
   header {
-    max-height: 2em;
+    max-height: 1em;
-    & > nav > menu {
+    top: 0em;
-      & li {
+    & > nav {
-        transition: display 3s ease;
+      top: 1em;
-        visibility: collapse;
+      & menu {
-        display: none;
+        & li {
-      }
+          transition: display 3s ease;
-      & li.active {
+          visibility: collapse;
-        visibility: inherit;
+          display: none;
-        display: block;
+        }
-      }
+        & li.active {
-      &:hover li {
+          visibility: inherit;
-        visibility: initial;
+          display: block;
-        display: block;
+        }
+        &:hover li {
+          visibility: initial;
+          display: block;
+        }
       }
     }
   }