body {
		font-family: Arial, sans-serif;
		background-color: #f0f0f0;
		margin: 0;
		padding: 20px;
	}

	h1 {
		color: #333;
		text-align: center;
	}

	.menu {
		display: flex;
		justify-content: center;
	}

	.menu-item {
		padding: 10px;
		border: 2px solid #007bff;
		border-radius: 5px;
		margin: 0 10px;
		transition: background-color 0.3s, color 0.3s;
	}

	.menu-item a {
		text-decoration: none;
		color: #007bff;
	}

	.menu-item:hover {
		background-color: #007bff;
	}

	.menu-item:hover a {
		color: #fff;
	}

	@media (max-width: 768px) {
		.menu {
			flex-direction: column;
			align-items: center;
		}

		.menu-item {
			margin: 10px 0;
		}
	}