.loader-container{background-color:#1c2020;height:100vh;overflow:hidden;position:relative;width:100vw}.loader{font-size:10px;height:50px;left:50%;margin:0 auto;position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);width:60px}.loader>div{animation:delay .8s ease-in-out infinite;display:inline-block;float:left;height:100%;margin-left:2px;width:8px}.loader .bar1{background-color:#754fa0}.loader .bar2{animation-delay:-.7s;background-color:#09b7bf}.loader .bar3{animation-delay:-.6s;background-color:#90d36b}.loader .bar4{animation-delay:-.5s;background-color:#f2d40d}.loader .bar5{animation-delay:-.4s;background-color:#fcb12b}.loader .bar6{animation-delay:-.3s;background-color:#ed1b72}@keyframes delay{0%,40%,to{transform:scaleY(.05);-webkit-transform:scaleY(.05)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}