body {
margin: 0;
padding: 0;
background-image: url(hearts.webp);
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: #000000;
	animation: up .69s infinite ease-in-out;
}
 
 .bar:nth-child(2) {
	 background-color: #000000;
	 animation: down .7s infinite ease-in-out;
 }
 
 .bar:nth-child(3) {
	 background-color: #000000;
	 animation: up .4s infinite ease-in-out;
 }
 
 .bar:nth-child(4) {
	 background-color: #000000;
	 animation: down .8s infinite ease-in-out;
 }
 
 .bar:nth-child(5) {
	 background-color: #000000;
	 animation: up .85s infinite ease-in-out;
 }
 
  .bar:nth-child(6) {
	 background-color: #000000;
	 animation: down .5s infinite ease-in-out;
  }
  
    .bar:nth-child(7) {
	 background-color: #000000;
	 animation: up .9s infinite ease-in-out;
	}
	
.bar:nth-child(8) {
	 background-color: #000000;
	 animation: down .5s infinite ease-in-out;
}	 

.bar:nth-child(9) {
	 background-color: #000000;
	 animation: up .4s infinite ease-in-out;
}

.bar:nth-child(10) {
	 background-color: #000000;
	 animation: down .7s infinite ease-in-out;
}

.bar:nth-child(11) {
	 background-color: #000000;
	 animation: up .54s infinite ease-in-out;
}

.bar:nth-child(12) {
	 background-color: #000000;
	 animation: down .8s infinite ease-in-out;
}
 
 @keyframes up {
	 0% { transform: translateY(-85px); background-color: #800000; }
	 25% {background-color: #ff0000; } 
	 50% { transform: translateY(85px); background-color: #cc6699;}
	 75% {background-color: #ff6699;}
	 100% { transform: translateY(-85px); background-color: #b3003b;}
 }
 
  @keyframes down {
	 0% { transform: translateY(85px); background-color: #cc66ff;}
	 25% {background-color: #660066; } 
	 50% { transform: translateY(-85px); background-color: #ff3399;}
	 75% {background-color: #ff66a3; } 
	 100% { transform: translateY(85px); background-color: #cc0000;}
 }