diff --git a/attached_assets/image_1762646258461.png b/attached_assets/image_1762646258461.png new file mode 100644 index 0000000..0e2ed2c Binary files /dev/null and b/attached_assets/image_1762646258461.png differ diff --git a/static/css/styles.css b/static/css/styles.css index eb3ffe0..9449fbe 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -52,35 +52,47 @@ body::after { 66% { transform: translate(-2%, 2%) rotate(-1deg); } } -nav { +.navbar { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); - z-index: 1000; + z-index: 99999; width: calc(100% - 40px); max-width: 1200px; } -.nav-container { +.navbar-inner { display: flex; justify-content: space-between; align-items: center; - list-style: none; - gap: 8px; - padding: 10px 20px; - 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; } -.nav-container li { - list-style: none; +.navbar-logo { + display: flex; + align-items: center; + padding-right: 20px; + border-right: 1px solid rgba(255, 255, 255, 0.1); } -.nav-container li a { - color: var(--gray-300); +.navbar-logo img { + height: 36px; + display: block; +} + +.navbar-links { + display: flex; + gap: 8px; + align-items: center; +} + +.navbar-links a { + color: #d1d5db; text-decoration: none; font-family: var(--font-body); font-weight: 500; @@ -88,25 +100,11 @@ nav { padding: 8px 16px; border-radius: 8px; transition: all 0.2s ease; - display: block; } -.nav-item-center:hover a, -.nav-item-left:hover a { - color: var(--white); - background: var(--gray-700); -} - -.nav-item-center.active a, -.nav-item-left.active a { - color: #3b82f6; -} - -#logo { - height: 36px; - padding-right: 16px; - border-right: 1px solid var(--gray-700); - margin-right: 8px; +.navbar-links a:hover { + color: #ffffff; + background: rgba(255, 255, 255, 0.1); } .menu-button { diff --git a/templates/base.html b/templates/base.html index 619a6c9..99412f9 100644 --- a/templates/base.html +++ b/templates/base.html @@ -15,31 +15,20 @@ -