body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 999;
	background-image:
		url("../img/mappa_cegni_bucata.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	pointer-events: none;
	opacity: 1;
	animation: bg-overlay-fade 1s ease forwards;
}

@keyframes bg-overlay-fade {
	from {
	
		filter: blur(5px);
	}
	to {
		filter: blur(0px);
	}
}

/* overlay to improve contrast if needed */
.page-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.18);
	pointer-events: none;
}

.body{
	max-width: 614px;
	margin: 10rem auto;
	padding: 1rem 2rem;
	opacity: 0;
	transform: translateY(20px);
	animation: body-content-fade 0.8s ease 1.2s forwards;
}

@keyframes body-content-fade {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}