body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #b30000;
	/* Rouge de Noël */
	color: white;
	font-family: 'Arial', sans-serif;
}

.snowflake {
	position: absolute;
	top: -10px;
	color: white;
	font-size: 1em;
	pointer-events: none;
	/* Les flocons ne gênent pas les interactions avec le texte */
}

@keyframes fall {
	to {
		transform: translateY(110vh) rotate(360deg);
		opacity: 0;
	}
}

.shake {
	position: relative;
	animation: shake .1s linear;
	animation-iteration-count: 3;
}

@keyframes shake {
	0% {
		left: -5px;
	}

	100% {
		right: -5px;
	}
}


/* also need keyframes and -moz-keyframes */
@-webkit-keyframes shake {

	8%,
	41% {
		-webkit-transform: translateX(-10px);
	}

	25%,
	58% {
		-webkit-transform: translateX(10px);
	}

	75% {
		-webkit-transform: translateX(-5px);
	}

	92% {
		-webkit-transform: translateX(5px);
	}

	0%,
	100% {
		-webkit-transform: translateX(0);
	}
}