More

src/components/navbar.module.css

@@ -11,8 +11,8 @@
     z-index: 1000;
     background: hsl(0 0% 100% / .2);
     backdrop-filter: blur(1rem);
-    font-size: 2rem;
-    line-height: 2.8rem;
+    font-size: 1.25rem;
+    line-height: 1.75rem;
   }
 
 
@@ -28,9 +28,9 @@
     .mobileNavToggle {
       position: absolute;
       display: block;
-      width: 3.2rem;
-      top: 3.2rem;
-      left: 3.2rem;
+      width: 2rem;
+      top: 2rem;
+      left: 2rem;
       aspect-ratio: 1;
       z-index: 9999;
       background-image: url('/icons/menu.svg');
@@ -50,14 +50,14 @@
     .navBar {
       right: 0;
       flex-direction: row;
-      height: 8rem;
-      border-radius:0 0 0.8rem 0.8rem;
+      height: 5rem;
+      border-radius:0 0 0.5rem 0.5rem;
       }
   }
   .navBar > div {
     display: flex;
     align-items: center;
-    gap: var(--gap, 3.2rem);
+    gap: var(--gap, 2rem);
   }
   
   /* .navBarInitial {
@@ -73,10 +73,6 @@
     backdrop-filter: blur(10px); /* Adds a blur effect */
   }
 
-  .cls-1, .cls-2 {
-    fill: #ffffff;
-  }
-
 /* Transparent / almost transparent to white
   .navBarInitial {
     @apply bg-gradient-to-b from-black/50 to-black/30 text-white absolute rounded-lg;