hover for entire nav should work for dropdown

style.css

@@ -12,11 +12,11 @@ body {
 header {
   background: white;
   position: sticky;
-  top: 1em;
+  top: 0;
   & > nav {
     background: white;
     position: sticky;
-    top: 0.5em;
+    top: 0;
     display: flex;
     font-size: xx-large;
     & a {
@@ -56,8 +56,10 @@ li { list-style: none }
     min-width: fit-content;
   }
   header {
-    max-height: 1em;
+    &:hover > nav > menu > li {
-    top: 0em;
+      visibility: initial;
+      display: block;
+    }
     & > nav {
       top: 1em;
       & menu {
@@ -70,10 +72,6 @@ li { list-style: none }
           visibility: inherit;
           display: block;
         }
-        &:hover li {
-          visibility: initial;
-          display: block;
-        }
       }
     }
   }