body {
 margin: 0px;
 padding:0px;
 background-image: url();
 background-size: cover;
 background-repeat: no-repeat;
 }
 
#container {
 width: 600px;
 height: 500px;
 padding-top: 400px;
 margin: 0 auto;
}

.bar {
  width: 20px;
  height: 50px;
  margin: 0 12px;
  border-radius: 50px;
  float: left;
  }

.bar:nth-child(1) {
  background-color: #333333;
  animation: up 1s infinite ease-in-out;
  }
  
  .bar:nth-child(2) {
  background-color: #333333;
  animation: down 2s infinite ease-in-out;
  }
  
  .bar:nth-child(3) {
  background-color: #333333;
  animation: up 1s infinite ease-in-out;
  }
  
  .bar:nth-child(4) {
  background-color: #333333;
  animation: down 2s infinite ease-in-out;
  }
  
  .bar:nth-child(5) {
  background-color: #333333;
  animation: up 3s infinite ease-in-out;
  }
  
  
  .bar:nth-child(6) {
  background-color: #333333;
  animation: down 2s infinite ease-in-out;
  }
  
  .bar:nth-child(7) {
  background-color: #333333;
  animation: up 1s infinite ease-in-out;
  }
  
  .bar:nth-child(8) {
  background-color: #333333;
  animation: down 2s infinite ease-in-out;
  }
  
  .bar:nth-child(9) {
  background-color: #333333;
  animation: up 3s infinite ease-in-out;
  }
  
  .bar:nth-child(10) {
  background-color: #333333;
  animation: down 1s infinite ease-in-out;
  }
  
  .bar:nth-child(11) {
  background-color: #333333;
  animation: up 1s infinite ease-in-out;
  }
  
  .bar:nth-child(12) {
  background-color: #333333;
  animation: up 1s infinite ease-in-out;
  }
  
  @keyframes up {
    0% {transform: translateY(75px); background-color: #fc001e;}
    25%  {background-color: #089fa9;}
	50% {transform: translateY(-50px); background-color: #e1cc0a;)}
    75%  {background-color: #8a3c5b;}	
	100% {transform: translateY(50px); background-color: #c3ea07; }
	}
	
	
	
	@keyframes down {
    0% {transform: translateY(-75px); background-color: #fc001e; }
	25%  {background-color: #089fa9;}
	50% {transform: translateY(50px); background-color: #e1cc0a; }
	75%  {background-color: #8a3c5b;}
	100% {transform: translateY(-50px); background-color: #c3ea07; }
	}