Improve navigation bar by adjusting logo size and spacing

Adjusted padding, logo size, and font size within the navbar-inner and navbar-links CSS classes in static/css/styles.css.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 75bceff7-98f2-4f6e-ae8e-e735399a1fe8
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: a9094ad6-0f90-49cb-8725-36a168075686
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/75bceff7-98f2-4f6e-ae8e-e735399a1fe8/zMkOx1V

static/css/styles.css

@@ -65,7 +65,7 @@ body::after {
 .navbar-inner {
     display: flex;
     align-items: center;
-    padding: 12px 28px;
+    padding: 18px 32px;
     background: rgba(0, 0, 0, 0.5);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
@@ -78,11 +78,10 @@ body::after {
     align-items: center;
     padding-right: 20px;
     border-right: 1px solid rgba(255, 255, 255, 0.15);
-    margin-right: auto;
 }
 
 .navbar-logo img {
-    height: 36px;
+    height: 40px;
     display: block;
 }
 
@@ -90,9 +89,8 @@ body::after {
     display: flex;
     gap: 40px;
     align-items: center;
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
+    justify-content: center;
+    flex: 1;
 }
 
 .navbar-links a {
@@ -100,7 +98,7 @@ body::after {
     text-decoration: none;
     font-family: var(--font-body);
     font-weight: 500;
-    font-size: 13px;
+    font-size: 15px;
     transition: color 0.2s ease;
 }