Reduce the size of navigation bar elements and text

Adjusted padding, logo height, gap between links, and font size in the CSS to decrease the overall size of the navbar.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 75bceff7-98f2-4f6e-ae8e-e735399a1fe8
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 1493788d-272d-49bf-a6fd-3f6832a4633c
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/75bceff7-98f2-4f6e-ae8e-e735399a1fe8/o85X2r0

static/css/styles.css

@@ -65,7 +65,7 @@ body::after {
 .navbar-inner {
     display: flex;
     align-items: center;
-    padding: 20px 40px;
+    padding: 12px 28px;
     background: rgba(0, 0, 0, 0.5);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
@@ -76,19 +76,19 @@ body::after {
 .navbar-logo {
     display: flex;
     align-items: center;
-    padding-right: 28px;
+    padding-right: 20px;
     border-right: 1px solid rgba(255, 255, 255, 0.15);
     margin-right: auto;
 }
 
 .navbar-logo img {
-    height: 44px;
+    height: 36px;
     display: block;
 }
 
 .navbar-links {
     display: flex;
-    gap: 48px;
+    gap: 40px;
     align-items: center;
     position: absolute;
     left: 50%;
@@ -100,7 +100,7 @@ body::after {
     text-decoration: none;
     font-family: var(--font-body);
     font-weight: 500;
-    font-size: 16px;
+    font-size: 13px;
     transition: color 0.2s ease;
 }