nav { display: flex; gap: 1em; position: fixed; padding: 0.5em; width: 100%; transition: all 0.2s ease; overflow: auto; z-index: 99; } nav .button#navButton { margin: 0; } nav > .language-switcher { display: flex; justify-content: flex-end; gap: 1em; margin-left: auto; width: 100%; } nav > .language-switcher > select { width: 8em; } nav.scrolled { background: var(--bg-color); box-shadow: 0 2px 4px rgba(0,0,0,0.2); } nav a.nav-logo { display: flex; justify-content: center; align-items: center; padding: 0.1em; width: 2.5em; } nav a.nav-logo > img { width: 100%; } nav .nav-container { display: flex; flex-direction: row; gap: 1em; } .button.light { border-color: white !important; color: white; }