@keyframes line-scale{0%{transform:scaley(1)}50%{transform:scaley(.4)}to{transform:scaley(1)}}.line-scale>div:nth-child(1){animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(2){animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(3){animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(4){animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(5){animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div{background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block}body{display:flex;justify-content:center;align-items:center;height:10vh;margin:0;background-color:#000}.waitContent{width:50px;height:50px;display:flex;justify-content:center;align-items:center;position:relative}.ball{width:40px;height:40px;border-radius:50%;position:absolute;top:60%;left:60%;transform:translate(-60%,-60%);opacity:.5;animation:round 4s cubic-bezier(.6,0,.4,1) infinite}.ball:nth-child(1){background-color:#eb2020;animation-delay:0s}.ball:nth-child(2){background-color:#f57d21;animation-delay:-.5s}.ball:nth-child(3){background-color:#eaf42e;animation-delay:-1s}.ball:nth-child(4){background-color:#3dd854;animation-delay:-1.5s}.ball:nth-child(5){background-color:#3dd89d;animation-delay:-2s}.ball:nth-child(6){background-color:#24a2d0;animation-delay:-2.5s}.ball:nth-child(7){background-color:#8454ec;animation-delay:-3s}.ball:nth-child(8){background-color:#e55aa4;animation-delay:-3.5s}@keyframes round{0%{transform:translate(-50%,-50%) translate(40px)}12.5%{transform:translate(-50%,-50%) translate(30px,30px)}25%{transform:translate(-50%,-50%) translateY(40px)}37.5%{transform:translate(-50%,-50%) translate(-30px,30px)}50%{transform:translate(-50%,-50%) translate(-40px)}62.5%{transform:translate(-50%,-50%) translate(-30px,-30px)}75%{transform:translate(-50%,-50%) translateY(-40px)}87.5%{transform:translate(-50%,-50%) translate(30px,-30px)}to{transform:translate(-50%,-50%) translate(40px)}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff}::-webkit-scrollbar{width:0px}::-webkit-scrollbar-track{background:#eee}::-webkit-scrollbar-thumb{background-color:#ff2600;border-radius:3px}