:root { --background-theme: white; }
.topnav { background: #333; color: var(--background-theme); display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; position: sticky; top: 0; z-index: 1000; }
.topnav a { color: var(--background-theme); text-decoration: none; margin: 0 10px; }
.topnav a:hover, #nav-links a:hover { text-decoration: underline; }
.searchbar { display: flex; align-items: center; gap: 10px; }
.searchbar input, .searchbar select { padding: 5px; border-radius: 4px; border: none; }
#nav-links { text-align: center; margin-top: 70px; }
#nav-links a, #nav-links a:visited { text-decoration: none; color: #333; margin: 10px 10px; }
#nav-links a:hover { text-decoration: underline; color: #777}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }