	<style>
	.main-nav {
		background-color: #333;
		padding: 1rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.main-nav .logo {
		margin-left: 1rem;
	}
	.main-nav .logo img {
		height: 40px; /* Adjust as needed */
		vertical-align: middle;
	}
	.main-nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
		flex-grow: 1;
	}
	.main-nav li {
		margin: 0 1.5rem;
	}
	.main-nav a {
		text-decoration: none;
		color: #fff;
		font-family: Arial, sans-serif;
		font-size: 1.1rem;
		padding: 0.5rem 1rem;
		transition: all 0.3s ease;
	}
	.main-nav a:hover {
		background-color: #555;
		color: #ffd700;
		border-radius: 5px;
	}
</style>