web_app/frontend/src/components/Navbar.css

.nav-link {
transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
color: #4568dc;
}

.nav-link:hover {
opacity: 0.75;
}

.logo {
transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
color: white;
}

.logo:hover {
opacity: 0.75;
color: #ccc;
}

.MuiMenuItem-root {
font-size: 16px;
font-weight: bold;
color: #4568dc;
transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
}

.MuiMenuItem-root:hover {
opacity: 0.75;
color: #b06ab3;
}