@keyframes color {
   0%   {background-color: #ba63ff;}
  10%   {background-color: #f3722c;}
  20%   {background-color: #f8961e;}
  30%   {background-color: #f9844a;}
  40%   {background-color: #f9c74f;}
  50%   {background-color: #90be6d;}
  60%   {background-color: #43aa8b;}
  70%   {background-color: #4d908e;}
  80%   {background-color: #577590;}
  90%   {background-color: #277da1;}
  100%  {background-color: #858ae3;}
}

* {
	margin: 0;
	padding: 0;
}

body{
	background-color: black;
}

section{
	width:1920px;
	height:54px;
	float: left;
	background-color: black;
	animation-name: color;
	animation-duration: 7s;
	animation-iteration-count: infinite;
}

.one{
	animation-delay: 0s;
}
.two{
	animation-delay: -0.1s;
}
.three{
	animation-delay: -0.2s;
}
.four{
	animation-delay: -0.3s;
}
.five{
	animation-delay: -0.4s;
}
.six{
	animation-delay: -0.5s;
}
.seven{
	animation-delay: -0.6s;
}
.eight{
	animation-delay: -0.7s;
}
.nine{
	animation-delay: -0.8s;
}
.ten{
	animation-delay: -0.9s;
}
.eleven{
	animation-delay: -1s;
}
.twelve{
	animation-delay: -1.1s;
}
.thirteen{
	animation-delay: -1.2s;
}
.fourteen{
	animation-delay: -1.3s;
}
.fifteen{
	animation-delay: -1.4s;
}
.sixteen{
	animation-delay: -1.5s;
}
.seventeen{
	animation-delay: -1.6s;
}
.eighteen{
	animation-delay: -1.7s;
}
.nineteen{
	animation-delay: -1.8s;
}
.twenty{
	animation-delay: -1.9s;
}