/* ❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄ */
body{
	position: relative;
}

.holiday-snow{
	position: absolute;
	pointer-events: none;
	
	background-image:
		url('img/snow1.png'), /* 500 px */
		url('img/snow2.png'), /* 400 px */
		url('img/snow3.png'); /* 300 px */
	
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	
	opacity: 0;
	transition: 2s opacity linear;
}

.holiday-snow-active{
	opacity: 1;
	
	-webkit-animation: snow 12s linear infinite;
	-moz-animation: snow 12s linear infinite;
	-ms-animation: snow 12s linear infinite;
	animation: snow 12s linear infinite;
}

@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 25px 250px, 250px 220px, -150px 150px;}
  100% {background-position: 0px 500px, 400px 400px, -300px 300px;}
}
@-moz-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 25px 250px, 250px 220px, -150px 150px;}
  100% {background-position: 0px 500px, 400px 400px, -300px 300px;}
}
@-webkit-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 25px 250px, 250px 220px, -150px 150px;}
  100% {background-position: 0px 500px, 400px 400px, -300px 300px;}
}
@-ms-keyframes snow {
	0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 25px 250px, 250px 220px, -150px 150px;}
  100% {background-position: 0px 500px, 400px 400px, -300px 300px;}
}
/* ❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄❄ */