@charset "utf-8";
#snowfall{
  background: none;
  font-family: Arial;
  background-image: url('http://neilpearcedesigns.co.uk/snow-01.png'), url('http://neilpearcedesigns.co.uk/snow-2.png'), url('http://neilpearcedesigns.co.uk/snow-3.png');
  height: 1024px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index:-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: 500px 0px, 120px 0px, -100px 0px; } 
  10% { background-position: 500px 100px, 120px 40px, -100px 30px; } 
  20% { background-position: 500px 200px, 120px 80px, -100px 60px; } 
  30% { background-position: 500px 300px, 120px 120px, -100px 90px; } 
  40% { background-position: 500px 400px, 100px 160px, -100px 120px; } 
  50% { background-position: 500px 500px, 100px 200px, -100px 150px; } 
  60% { background-position: 500px 600px, 100px 240px, -100px 180px; } 
  70% { background-position: 500px 700px, 120px 280px, -100px 210px; } 
  80% { background-position: 500px 800px, 120px 320px, -100px 240px; } 
  90% { background-position: 500px 900px, 120px 360px, -100px 270px; } 
  100% { background-position: 500px 1000px, 120px 400px, -100px 300px; } }*/

/***** Change direction of the snowfall ******/

/*@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}*/

@keyframes snow {
  0% {background-position: 500px 0px, 120px 0px, -100px 0px;}
  100% {background-position: 500px 1000px, 120px 400px, -100px 300px;}
}/* CSS Document */