#container{
  /*    background: transparent;
   width: 1920px;
   height: 970px;
   position: relative;  */
}
@-webkit-keyframes nieve{
   from {top: -10px;}
   to {top: 100%;}
}

@-webkit-keyframes copos{
    0% { -webkit-transform: rotate(-180deg) translate(0px, 0px);}
    100% { -webkit-transform: rotate(180deg) translate(10px, 75px);}
}
#snow div {
   position: fixed;
   top: -40px;
   -webkit-animation-name: nieve, copos;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction: normal;
   -webkit-animation-timing-function: ease-in;
   z-index: 1;
}
.copos {
   color: #fff;
   font-size: 1em;
   position: absolute;
}
.copos.f1 {
   left: 40px;
   -webkit-animation-duration: 5s;
}
.copos.f2 {
   font-size: 1.8em;
   left: 120px;
   -webkit-animation-duration: 7s;
}
.copos.f3 {
   left: 200px;
   -webkit-animation-duration: 8s;
}
.copos.f4 {
   font-size: 3.5em;
   left: 280px;
   -webkit-animation-duration: 6s;
}

.copos.f5 {
   left: 360px;
   -webkit-animation-duration: 5s;
}
.copos.f6 {
   font-size: 2.8em;
   left: 120px;
   -webkit-animation-duration: 7s;
}
.copos.f7 {
   left: 440px;
   -webkit-animation-duration: 8s;
}
.copos.f8 {
   font-size: 1.5em;
   left: 520px;
   -webkit-animation-duration: 6s;
}
.copos.f9 {
   left: 600px;
   -webkit-animation-duration: 5s;
}
.copos.f10 {
   font-size: 1.8em;
   left: 680px;
   -webkit-animation-duration: 7s;
}
.copos.f11 {
	font-size: 3.5em;
   left: 760px;
   -webkit-animation-duration: 8s;
}
.copos.f12 {
   font-size: 1.5em;
   left: 840px;
   -webkit-animation-duration: 6s;
}
.copos.f13 {
   font-size: 1.5em;
   left: 920px;
   -webkit-animation-duration: 6s;
}
.copos.f14 {
   left: 1000px;
   -webkit-animation-duration: 5s;
}
.copos.f15 {
   font-size: 1.8em;
   left: 1080px;
   -webkit-animation-duration: 7s;
}
.copos.f16 {
   left: 1160px;
   -webkit-animation-duration: 8s;
}
.copos.f17 {
   font-size: 1.5em;
   left: 1240px;
   -webkit-animation-duration: 6s;
}
.copos.f18 {
   left: 1320px;
   -webkit-animation-duration: 5s;
}
.copos.f19 {
   font-size: 3.8em;
   left: 1400px;
   -webkit-animation-duration: 7s;
}
.copos.f20 {
   left: 1480px;
   -webkit-animation-duration: 8s;
}
.copos.f21 {
   font-size: 1.5em;
   left: 1560px;
   -webkit-animation-duration: 6s;
}

.copos.f22 {
   left: 1640px;
   -webkit-animation-duration: 5s;
}
.copos.f23 {
   font-size: 1.8em;
   left: 1720px;
   -webkit-animation-duration: 7s;
}
.copos.f24 {
   left: 1800px;
   -webkit-animation-duration: 8s;
}
.copos.f25 {
   font-size: 1.5em;
   left: 1880px;
   -webkit-animation-duration: 6s;
}
.copos.f26 {
   left: 1920px;
   -webkit-animation-duration: 5s;