.containerC {
  width: 600px;
  height: 400px;
  display: inline-block;
  position: relative;
  margin-top: 50px;
  margin: 0 auto;
  left: 50%;
}

.lineC {
  width: 10px;
  height: 400px;
  background: #e94f37;
  display: inline-block;
  margin: 5px;
  animation: spin 4s linear infinite;
}

@keyframes spin {
  0% {transform: rotateX(0deg) translateX(0px) scaleY(1) rotateY(0deg); background: #e94f37}
  25% {transform: rotateX(360deg) translateX(100px) scaleY(0.5) rotateY(180deg); background: #3f88c5}
  50% {transform: rotateX(360deg) translateX(0px) scaleY(1.25) rotateY(0deg); background: #44bba4}
  75% {transform: rotateX(0deg) translateX(-100px) scaleY(0.5) rotateY(180deg); background: #3f88c5}
  100% {transform: rotateX(0deg) translateX(0px) scaleY(1) rotateY(0deg); background: #e94f37}
}

.containerC .lineC:nth-child(2) {
  animation-delay: .1s;
}

.containerC .lineC:nth-child(3) {
  animation-delay: .2s;
}

.containerC .lineC:nth-child(4) {
  animation-delay: .3s;
}

.containerC .lineC:nth-child(5) {
  animation-delay: .4s;
}

.containerC .lineC:nth-child(6) {
  animation-delay: .5s;
}

.containerC .lineC:nth-child(7) {
  animation-delay: .6s;
}

.containerC .lineC:nth-child(8) {
  animation-delay: .7s;
}

.containerC .lineC:nth-child(9) {
  animation-delay: .8s;
}

.containerC .lineC:nth-child(10) {
  animation-delay: .9s;
}

.containerC .lineC:nth-child(11) {
  animation-delay: 1.0s;
}

.containerC .lineC:nth-child(12) {
  animation-delay: 1.1s;
}

.containerC .lineC:nth-child(13) {
  animation-delay: 1.2s;
}

.containerC .lineC:nth-child(14) {
  animation-delay: 1.3s;
}

.containerC .lineC:nth-child(15) {
  animation-delay: 1.4s;
}

.containerC .lineC:nth-child(16) {
  animation-delay: 1.5s;
}

.containerC .lineC:nth-child(17) {
  animation-delay: 1.6s;
}

.containerC .lineC:nth-child(18) {
  animation-delay: 1.7s;
}

.containerC .lineC:nth-child(19) {
  animation-delay: 1.8s;
}

.containerC .lineC:nth-child(20) {
  animation-delay: 1.9s;
}