From 55ef10e528fd6108dd8a51ccd84ac413b3498fdf Mon Sep 17 00:00:00 2001
From: abhiramtx <7253115-abhiramtx@users.noreply.replit.com>
Date: Sun, 9 Nov 2025 00:01:58 +0000
Subject: [PATCH] Update website's visual appearance with refined styling and
 layout adjustments

Refactors CSS for the header and navigation bar, including changes to padding, background, backdrop filter, border, and radius. Modifies element sizing, spacing, and color properties to enhance visual appeal and user experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 5689f86e-5743-453b-8d63-9efdd3924876
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/Grl9Gox
---
 static/css/styles.css | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index 9449fbe..6e3c5e3 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -66,45 +66,52 @@ body::after {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 12px 24px;
-    background: rgba(0, 0, 0, 0.5);
-    backdrop-filter: blur(12px);
-    border: 1px solid rgba(255, 255, 255, 0.08);
+    padding: 8px 16px;
+    background: rgba(0, 0, 0, 0.4);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.05);
     border-radius: 16px;
 }
 
 .navbar-logo {
     display: flex;
     align-items: center;
-    padding-right: 20px;
-    border-right: 1px solid rgba(255, 255, 255, 0.1);
+    padding: 8px 16px;
+    background: linear-gradient(135deg, #3b82f6, #2563eb);
+    border-radius: 12px;
+    margin-right: 24px;
 }
 
 .navbar-logo img {
-    height: 36px;
+    height: 32px;
     display: block;
 }
 
 .navbar-links {
     display: flex;
-    gap: 8px;
+    gap: 4px;
     align-items: center;
+    flex: 1;
+    justify-content: space-around;
 }
 
 .navbar-links a {
-    color: #d1d5db;
+    color: #9ca3af;
     text-decoration: none;
     font-family: var(--font-body);
     font-weight: 500;
     font-size: 14px;
-    padding: 8px 16px;
+    padding: 8px 20px;
     border-radius: 8px;
     transition: all 0.2s ease;
 }
 
 .navbar-links a:hover {
     color: #ffffff;
-    background: rgba(255, 255, 255, 0.1);
+}
+
+.navbar-links a:first-child {
+    color: #3b82f6;
 }
 
 .menu-button {