fix nav wizz

assets/css/src/callout.css

@@ -1,6 +1,6 @@
 section.callout {
   --padding-vertical: var(--space-m);
-  background-color: var(--color-salmon);
+  background-color: var(--color-blue-light);
   display: flex;
   flex-direction: column;
   align-items: center;

assets/css/src/footer.css

@@ -1,6 +1,6 @@
 .main-footer {
   --padding-vertical: var(--space-m);
-  background-color: var(--color-grey);
+  background-color: var(--color-brown);
   display: grid;
   grid-template-columns: 0.5fr 1fr 1fr 1fr;
   column-gap: calc(var(--space-m));

assets/css/src/nav.css

@@ -16,7 +16,7 @@
 .info-banner ul {
   box-sizing: border-box;
   padding: 1rem var(--space-m);
-  background-color: var(--color-salmon);
+  background-color: var(--color-mint);
   display: inline-block;
   animation: scroll-left 12s linear infinite;
 }

assets/css/src/variables.css

@@ -34,6 +34,7 @@
   --color-blue-light: #abf1ff;
   --color-grey: #c4c9cc;
   --color-green: #00b477;
+  --color-mint: #45e6ba;
   --color-brown: #a59478;
   --color-brown-light: #d6cfbe;
 }

assets/js/script.js

@@ -31,7 +31,7 @@ document.addEventListener("DOMContentLoaded", () => {
       closeNav(nodes);
     }
     if (
-      window.scrollY > 100 &&
+      (window.scrollY > 120) &
       !nodes.nav.classList.contains("main-nav--small")
     ) {
       nodes.nav.classList.add("main-nav--small");