body{background-color:#000;margin:0}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-thumb{background-color:#6f00ff;border-radius:5px}body::-webkit-scrollbar-track{background-color:#000;border-radius:5px}.loader{color:#fff;position:relative;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:4px;box-sizing:border-box;left:40%;margin-top:300px}.loader:before{content:"";position:absolute;right:70px;bottom:10px;height:28px;width:5.15px;background:currentColor;box-sizing:border-box;animation:animloader1 1s linear infinite alternate}.loader:after{content:"";width:10px;height:10px;position:absolute;left:125px;top:2px;border-radius:50%;background:red;box-sizing:border-box;animation:animloader 1s linear infinite alternate}@keyframes animloader{0%{transform:translate(0) scaleX(1)}14%{transform:translate(-12px,-16px) scaleX(1.05)}28%{transform:translate(-27px,-28px) scaleX(1.07)}42%{transform:translate(-46px,-35px) scaleX(1.1)}57%{transform:translate(-70px,-37px) scaleX(1.1)}71%{transform:translate(-94px,-32px) scaleX(1.07)}85%{transform:translate(-111px,-22px) scaleX(1.05)}to{transform:translate(-125px,-9px) scaleX(1)}}@keyframes animloader1{0%{box-shadow:0 -6px,-122.9px -8px}25%,75%{box-shadow:0 0,-122.9px -8px}to{box-shadow:0 0,-122.9px -16px}}@media (max-width: 500px){.loader{left:20%;margin-top:200px}}