.navbar{display:flex;justify-content:space-between;align-items:start;color:#fff;position:fixed;width:100%;top:0;background-image:linear-gradient(180deg,rgb(0 0 1 / 90%) 10%,transparent 100%);z-index:5;transition:background-color .3s ease;padding-top:20px;padding-bottom:20px}.navbar.scrolled{background-color:#141414}.navbar-left,.navbar-right{display:flex;align-items:center}.navbar-logo img{height:35px;margin-left:50px;margin-top:5px}.navbar-links{display:flex;list-style:none;gap:10%;padding-left:50px;margin:0}.navbar-links li a{color:#fff;text-decoration:none;font-size:100%;transition:color .3s}.navbar-links li a:hover{color:#e50914}.profile-icon{width:50px;height:50px;border-radius:15%;transition:transform .3s;margin-right:3rem;cursor:pointer}.hamburger,.sidebar-overlay,.sidebar{display:none}@media (max-width: 850px){.navbar{flex-direction:row}.navbar-left{flex-direction:column;align-items:flex-start;gap:8px;flex:1;max-width:100%}.navbar-logo img{height:20px;margin-left:16px;margin-right:0}.profile-icon{width:30px;height:30px;margin-right:16px}.hamburger{display:none}.navbar-links{display:flex;flex-wrap:wrap;gap:8px 10px;padding:0 16px;width:100%;max-width:100%;justify-content:flex-start}.navbar-links li{padding:0;min-width:0;flex:0 0 auto}.navbar-links li a{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#fff;font-weight:700;font-size:.75rem;padding:6px 10px;border:1.5px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px #ffffff14;white-space:nowrap}.sidebar-overlay,.sidebar{display:none}}
