.center-body{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#000}.loader-spanne-20{position:relative;width:100px;height:30px;padding:0}.loader-spanne-20>span{position:absolute;right:0;width:3px;height:30px;background-color:#74ccc5;display:block;border-radius:3px;transform-origin:50% 100%;animation:move 2.8s linear infinite}.loader-spanne-20>span:first-child{animation-delay:-.4s}.loader-spanne-20>span:nth-child(2){animation-delay:-.8s}.loader-spanne-20>span:nth-child(3){animation-delay:-1.2s}.loader-spanne-20>span:nth-child(4){animation-delay:-1.6s}.loader-spanne-20>span:nth-child(5){animation-delay:-2s}.loader-spanne-20>span:nth-child(6){animation-delay:-2.4s}.loader-spanne-20>span:nth-child(7){animation-delay:-2.8s}@keyframes move{0%{opacity:0;transform:translateX(0) rotate(0deg)}20%{opacity:1}40%{transform:translateX(-40px) rotate(0deg)}50%{opacity:1;transform:translateX(-50px) rotate(22deg)}85%{opacity:1;transform:translateX(-85px) rotate(60deg)}to{opacity:0;transform:translateX(-100px) rotate(65deg)}}.loading-text{margin-top:20px;font-size:18px;color:#fff}@media (max-width:640px){.center-body{overflow:hidden}}