feat: add box-shadow on menu

src/lib/css/variables.scss

@@ -21,5 +21,7 @@ $mobile-breakpoint: "max-width: 768px";
     --fz-2: 2rem;
     --fz-3: 1.5rem;
     --fz-4: 1.125rem;
+
+    --box-shadow: 0px 5px 5px 0px rgba(22,22,22,0.5);
 }
 

src/lib/nav.scss

@@ -9,7 +9,8 @@
     &--title {
         grid-area: 1 / 1 / 3 / 2;
         background: var(--background);
-        padding-top: var(--space-small);
+        padding: var(--space-small);
+        box-shadow: var(--box-shadow);
     }
 
     &--content {
@@ -26,6 +27,9 @@
         background: var(--background);
         display: grid;
         grid-template-columns: 1fr auto;
+
+        box-shadow: var(--box-shadow);
+
         /* make the nav background full page width */
         margin: 0 -50vw;
         padding: 0 50vw;