body {
margin: 0;
padding: 0;
background:#000;
}

.one{

top:0px;
animation: 0.4s snow1 linear infinite;

}
.two{
	position: fixed;
	top:200px;
	animation: 0.4s snow2 linear infinite;
}
.three{
    position: fixed;
	top:400px;
	animation: 0.4s snow3 linear infinite;
}
.four{
    position: fixed;
	top:600px;
	animation: 0.4s snow4 linear infinite;
}
.five{
    position: fixed;
	left:0px;
}
.six{
    position: fixed;
	left:50px;
}
.server{
    position: fixed;
	left:100px;
}
.nine{
    position: fixed;
	left:150px;
	
}
@keyframes snow1{

	0% {
background: red;
}

100% {
 top:200px;background: yellow;
}

}
@keyframes snow2{

	0% {
background: red;
}

100% {
 top:400px;background: yellow;
}

}
@keyframes snow3{

	0% {
background: red;
}

100% {
 top:600px;background: yellow;
}

}
@keyframes snow4{

	0% {
background: red;
}

100% {
 top:800px;background: yellow;
}

}

.ten{
  position: fixed;
  left: 600px;
  top:400px;
  width: 100px;
  height: 100px;
  animation: 10s snow10 linear infinite;
}

@keyframes snow10{

	0% {
		left:600px;
background: red;
}

100% {
 left:600px;background: yellow;
}

}

.tens{
  position: fixed;
  left: 800px;
  top:400px;
  width: 100px;
  height: 100px;
  animation: 20s snow11 linear infinite;
}
@keyframes snow11{

	0% {
background: red;
opacity:1;
}

50% {
 left:1600px;background: yellow;top:400px;
 opacity: 0
}
51%{
    left:1600px;background: yellow;top:0px;
	opacity: 0
}
100%{
	left: 800px:background: yellow;top:400px;opacity:1;

}

}