body { 
margin : 0;
padding : 0; 
background-color : #29832f; 
} 

#container { 
width: 500px; 
height: 500px; 
padding-top:  80px; 
margin: 0 auto; 
} 


.dot { 
width: 20px; 
height: 20px; 
margin: 30px auto; 
border-radius: 50px;
} 
.dot:nth-child(1) { 
  background-color: #ffffff;
  `animation: left .001s infinite ease-in-out;
  
}
.dot:nth-child(2) {   
  background-color: #ffffff;
   `animation: right .001s infinite ease-in-out;
}
.dot:nth-child(3) { 
  background-color: #ffffff;
 `animation: left .00837s infinite ease-in-out ; 
}
.dot:nth-child(4) { 
  background-color: #ffffff;
   `animation: right .002s infinite ease-in-out;
}
.dot:nth-child(5) { 
  background-color: #ffffff;
   `animation: left .0089742578236s infinite ease-in-out;
}
   
 

  
  


@keyframes right { 
0% {transform: translste(25px) ;}
50% {transform: translste(-25px) ;}
100% {transform: translste(25px) ;}
} 



@keyframe left {
0% {transform: translste(-25px) ;}
50% {transform: translste(25px) ;}
100% {transform: translste(-25px) ;}
}