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