.snowflakes
{
	animation: snowflakes-fall 10s linear infinite, snowflakes-shake 5s ease-in-out infinite;
	font-size: 14px;
	position: fixed;
	top: -90%;
	user-select: none;
	z-index: 999;
}
@keyframes snowflakes-fall
{
	0%
	{
	opacity: 1;
	top: -10%;
	}
	100%
	{
	opacity: 0;
	top: 100%;
	}
}
@keyframes snowflakes-shake
{
	0%
	{
	transform: translateX(0px);
	}
	100%
	{
	transform: translateX(5px) rotate(360deg);
	}
}
.snowflakes:nth-of-type(1)
{
	animation-delay: -2s, -1s;
	left: 5%;
}
.snowflakes:nth-of-type(2)
{
	animation-delay: -4s, -1s;
	left: 15%;
}
.snowflakes:nth-of-type(3)
{
	animation-delay: -6s, -1s;
	left: 25%;
}
.snowflakes:nth-of-type(4)
{
	animation-delay: -8s, -1s;
	left: 35%;
}
.snowflakes:nth-of-type(5)
{
	animation-delay: -10s, -1s;
	left: 45%;
}
.snowflakes:nth-of-type(6)
{
	animation-delay: -12s, -1s;
	left: 55%;
}
.snowflakes:nth-of-type(7)
{
	animation-delay: -14s, -1s;
	left: 65%;
}
.snowflakes:nth-of-type(8)
{
	animation-delay: -16s, -1s;
	left: 75%;
}
.snowflakes:nth-of-type(9)
{
	animation-delay: -18s, -1s;
	left: 85%;
}
.snowflakes:nth-of-type(10)
{
	animation-delay: -20s, -1s;
	left: 95%;
}
@media (max-width: 768px)
{
	.snowflakes
	{
	animation-duration: 12s, 6s;
	font-size: 12px;
	}
}