nav text adjustments for smoother look

index.html

@@ -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 */