body { margin: 0; font-family: Arial, sans-serif; } .navbar { display: flex; margin-top: 0px; justify-content: space-between; align-items: center; background-color:F9F9F9; padding: 10px 20px; } .navbar a { color:black; text-decoration: none; padding: 10px 15px; } .navbar a:hover { background-color: #575757; border-radius: 4px; } .navbar .logo { font-size: 1.5em; font-weight: bold; } .navbar .menu { display: flex; gap: 50px; margin-left: 350px; } .navbar .menu-item { position: relative; } .navbar .dropdown { display: none; position: absolute; top: 100%; left: 0; background-color: #333; border-radius: 0 0 4px 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.15); } .navbar .dropdown a { display: block; padding: 20px 15px; } .navbar .menu-item:hover .dropdown { display: block; } .sign-up-btn { background-color: #ff6347; color: white; border: none; padding: 10px 20px; text-decoration: none; border-radius: 4px; cursor: pointer; } .sign-up-btn:hover { background-color: #ff4500; }