select{font-size :10px;font-weight:bold;border:1px solid #fff;height:32px;color:grey;}
#a,#b,#c,#e,#d{margin:1px;display:inline-block;width: 20px;color:#fff;font-weight:bolder}
#a{animation: spia; animation-duration: 3s;animation-iteration-count: infinite;animation-delay: 2s;}
#b{animation: spia; animation-duration: 3s;animation-iteration-count: infinite;animation-delay: 3s;}
#c{animation: spia; animation-duration: 2s;animation-iteration-count: infinite;animation-delay: 4s;}
#d{animation: spia; animation-duration: 2s;animation-iteration-count: infinite;animation-delay: 5s;}
#e{animation: spia; animation-duration: 2s;animation-iteration-count: infinite;animation-delay: 6s;}
#spins{position:relative;left:1%;background: none;z-index: 3000;}
@keyframes spia{
0%{background: #77b5fe;height: 0px;}
30%{background: #04438b;height: 30px;}
50%{background: #026366;height: 50px;place-content: OK;}
70%{background: #3a034b;height: 80px;border-radius: 10%;}
100%{background: #d69300;height: 100px;}
}
@keyframes spib{
0%{background: #77b5fe;height: 10px;}
30%{background: #04438b;height: 30px;}
50%{background: #026366;height: 50px;place-content: OK;}
70%{background: #3a034b;height: 80px;border-radius: 10%;}
100%{background: #d69300;height: 120px;}
}
@keyframes spic{
0%{background: #77b5fe;height: 0px;}
30%{background: #04438b;height: 30px;}
50%{background: #026366;height: 50px;place-content: OK;}
70%{background: #3a034b;height: 60px;border-radius: 10%;}
100%{background: #d69300;height: 80px;}
}
@keyframes spid{
0%{background: #77b5fe;height: 0px;}
30%{background: #04438b;height: 30px;}
50%{background: #026366;height: 50px;place-content: OK;}
70%{background: #3a034b;height: 60px;border-radius: 10%;}
100%{background: #d69300;height: 80px;}
}
@keyframes spie{
0%{background: #77b5fe;height: 0px;}
30%{background: #04438b;height: 30px;}
50%{background: #026366;height: 50px;place-content: OK;}
70%{background: #3a034b;height: 60px;border-radius: 10%;}
100%{background: #d69300;height: 80px;}
}