@keyframes snowflakes-1 {
	0% {
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
	100% {
		transform: translate3d(5760px, 3240px, 0px) rotate(1080deg);
	}
}

@keyframes snowflakes-2 {
	0% {
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
	100% {
		transform: translate3d(5760px, 3340px, 0px) rotate(1080deg);
	}
}

@keyframes snowflakes-3 {
	0% {
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
	100% {
		transform: translate3d(5760px, 3440px, 0px) rotate(1080deg);
	}
}

@keyframes snowflakes-4 {
	0% {
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
	100% {
		transform: translate3d(5760px, 3540px, 0px) rotate(1080deg);
	}
}

@keyframes snowflakes-5 {
	0% {
		transform: translate3d(0, 0, 0) rotate(0deg);
	}
	100% {
		transform: translate3d(5760px, 3640px, 0px) rotate(1080deg);
	}
}

.christmas-flake {
    position: absolute;
    z-index: -1;
}

.christmas-flake.speed-1 {
    animation: snowflakes-1 180s linear infinite;
}

.christmas-flake.speed-2 {
    animation: snowflakes-2 210s linear infinite;
}

.christmas-flake.speed-3 {
    animation: snowflakes-3 240s linear infinite;
}

.christmas-flake.speed-4 {
    animation: snowflakes-4 270s linear infinite;
}

.christmas-flake.speed-5 {
    animation: snowflakes-5 300s linear infinite;
}