/* HEADER */
header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:transparent;
	z-index:1000;
	transition:background .35s ease;
}

header.scrolled{
	background:var(--red);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
}

nav{
	max-width:1200px;
	margin:auto;
	padding:10px 40px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	line-height:1.2;
}

.menu{
	list-style:none;
	display:flex;
	gap:32px;
	line-height:1;
}

.menu li{
	list-style:none;
}

.menu li a{
	color:var(--white);
	text-decoration:none;
	font-size:15px;
	font-weight:500;
	transition:.3s;
}

.menu li a:hover{
	opacity:.75;
}

.logo{
	display:flex;
	align-items:center;
	text-decoration:none;
}

.logo img{
	height:25px;
	width:auto;
	display:block;
}