fixed menu toggle

css/main.css

@@ -172,7 +172,7 @@ p {
     flex-direction: column;
     flex-shrink: 1;
     flex-grow: 1;
-    
+
     flex-basis: 0;
     /* width: 100%; */
     /* overflow: hidden;
@@ -181,7 +181,7 @@ p {
 
 .remove-column {
     position: absolute;
-    transform: scale(0,1);
+    transform: scale(0, 1);
 }
 
 @media only screen and (min-width: 768px) {
@@ -193,7 +193,7 @@ p {
     .landing-page-spacer {
         height: 8vh;
     }
-    
+
     .page-flex-column-right {
         display: flex;
         flex-direction: column;
@@ -203,6 +203,7 @@ p {
         /* min-width: 100%;  */
         /* padding-left: 20%; */
     }
+
     .last-section-mobile {
         position: absolute;
         transform: scale(0);
@@ -226,7 +227,7 @@ p {
         /* min-width: 100%;  */
         padding-left: 20%;
         position: absolute;
-        transform: scale(0,0);
+        transform: scale(0, 0);
     }
 
     .last-section-desktop {
@@ -279,15 +280,16 @@ section p {
 
 @supports (transition: initial) {
 
-.transparent-transition {
-    opacity: 1.0;
-    transition: opacity 1s;
-}
+    .transparent-transition {
+        opacity: 1.0;
+        transition: opacity 1s;
+    }
 
-.transparent-transition-fast {
-    opacity: 1.0;
-    transition: opacity 0.8s;
-}
+    .transparent-transition-fast {
+        opacity: 1.0;
+        transition: opacity 0.8s;
+    }
+
 }
 
 .opacity-full {
@@ -350,9 +352,4 @@ section p {
     display: inline;
     font-size: 1.5em;
     margin-right: 1em;
-}
-
-
-
-
-
+}

css/nav.css

@@ -77,6 +77,7 @@ nav a {
   order: 1;
   font-size: 2em;
   color: white;
+  cursor: pointer;
 }
 
 .item.button {

index.html

@@ -1034,7 +1034,15 @@ <h2 class="text-left" style="color:white;display:inline;margin-right:2em;"><stro
     var scrollLock = false;
     var deltaY = 0;
 
-    addEventListener("wheel", (event) => { deltaY = event.deltaY });
+    addEventListener("wheel", (event) => { 
+        deltaY = event.deltaY;
+        if (deltaY > 0) {
+            nav = document.getElementById("nav");
+            nav.classList.add('hidenav')
+        } else {
+            nav.classList.remove('hidenav')
+        }
+     });
 
     // addEventListener("resize", (event) => { scrollLock = true; setTimeout(() => { scrollLock = false; }, 100) });
 
@@ -1064,14 +1072,14 @@ <h2 class="text-left" style="color:white;display:inline;margin-right:2em;"><stro
     //     }
     // })
 
-    scroll.on('scroll', (args) => {
-        if (deltaY > 0) {
-            nav = document.getElementById("nav");
-            nav.classList.add('hidenav')
-        } else {
-            nav.classList.remove('hidenav')
-        }
-    })
+    // scroll.on('scroll', (args) => {
+    //     if (deltaY > 0) {
+    //         nav = document.getElementById("nav");
+    //         nav.classList.add('hidenav')
+    //     } else {
+    //         nav.classList.remove('hidenav')
+    //     }
+    // })
 
     var touchMoveCounter = 0;
 
@@ -1140,12 +1148,11 @@ <h2 class="text-left" style="color:white;display:inline;margin-right:2em;"><stro
     }
 
     function toggleMenu() {
-        console.log('toggle')
         if (menu.classList.contains("active")) {
             addBurger();
         } else {
             addX();
-            setTimeout(addBurger, 3000);
+            setTimeout(addBurger, 4000);
         }
     }