.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:white;border-bottom:1px solid #ccc}body.dark .navbar{background-color:#1e1e1e;color:white}.navbar-left,.navbar-right{display:flex;align-items:center;gap:1rem}.navbar-center{flex:1 1;display:flex;justify-content:center}.search-bar{width:60%;max-width:400px;padding:.5rem 1rem;border-radius:20px;border:1px solid #ccc}body.dark .search-bar{background-color:#333;color:white;border:1px solid #555}.nav-button{background:none;border:none;cursor:pointer;font-size:1rem;padding:.5rem}body.dark .nav-button{color:white}body{margin:0;font-family:Arial,sans-serif;background-color:#f9f9f9}a{text-decoration:none;color:#333}.container{max-width:800px;margin:0 auto;padding:1rem}