.navbar{display:flex;justify-content:space-between;align-items:center;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;background-color:#292f33;border:5px solid rgb(41,47,84);border-radius:8px;padding:20px 10px;font-weight:700}.navbar .navbar-right{display:flex;align-items:center;gap:10px}.navbar a{color:#fff;text-align:center;padding:12px;text-decoration:none;font-size:1.35rem;line-height:25px;border-radius:8px}.navbar a.logo{font-size:25px}.navbar a.logo:hover{background-color:#292f33;color:#fff}.navbar a:hover{background-color:#fff;color:#000}.navbar a:focus{background-color:#ffffffbf;color:#000}.navbar a.active{background-color:#fff;color:#fff}.navbar .dropdown{position:relative;display:inline-block}.navbar .dropdown .dropbtn{display:inline-block;background-color:inherit}.navbar .dropdown .dropdown-content{display:none;position:absolute;background-color:#292f33;min-width:160px;max-height:300px;overflow-y:auto;border:5px solid rgb(41,47,84);border-radius:8px;box-shadow:0 8px 16px #0003;z-index:1;top:100%;left:0}.navbar .dropdown .dropdown-content a{display:block;padding:12px 16px;font-size:1rem;color:#fff;text-align:left;text-decoration:none}.navbar .dropdown a:hover{background-color:#fff;color:#000}.navbar .dropdown:hover .drop-content{display:block}