.snowflakes {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 9999;
	width: 100vw;
	height: 100vh;
}

.snowflake {
	position: absolute;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	opacity: 0.5;
	transition: opacity 0.5s ease-in-out;
	animation: fall 10s linear infinite, rotate 2s linear infinite;
}

@keyframes fall {
	0% {
		transform: translateY(-100vh);
		opacity: 0;
	}

	100% {
		transform: translateY(100vh);
		opacity: 1;
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}