nav {
	background-color: var(--brown);
	backdrop-filter: blur(15px);
	position: fixed;
	width: 100%;
	padding: clamp(12px, 1.01vw, 100px);
	z-index: 10;
}

nav.transparent {
	background-color: transparent;	
}
nav ul {
	display: flex;
	gap: clamp(22px, 4.5vw, 100px);
	justify-content: center;
	list-style: none;
}

nav a {
	color: var(--white);
	text-decoration: none;
	transition: color 0.5s ease;
}

nav a:hover {
	color: var(--hover);
}