nav text adjustments for smoother look

2025-09-10 19:33:02 -04:00
parent 756f3cce83
commit 2ef10c7468
1 changed files with 9 additions and 7 deletions
@@ -188,24 +188,26 @@

        nav {
          display: flex;
+          flex-direction: column;
          position: fixed;
+          gap: 1rem;
+
+          padding: 2rem 0;
+
          top: -12rem;
          left: 0;
-          flex-direction: column;
-          background-color: #000;
          width: 100%;
+
+          font-size: 1rem;
          text-align: center;
-          transition: top 0.3s ease;
+          background-color: #000;
+          transition: top 0.7s ease;
          box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
-          padding: 2rem 0;
-          gap: 1rem;
          z-index: -1;
-          font-size: 0rem;
        }

        nav.active {
          top: 1.5rem;
-          font-size: 1rem;
        }

        /** hamburger animation */