.loader{animation:rotate 1s infinite;height:50px;width:50px}.loader:after,.loader:before{border-radius:50%;content:"";display:block;height:20px;width:20px}.loader:before{animation:ball1 1s infinite;background-color:#1e3a8a;box-shadow:30px 0 0 #3b82f6;margin-bottom:10px}.loader:after{animation:ball2 1s infinite;background-color:#3b82f6;box-shadow:30px 0 0 #1e3a8a}@keyframes rotate{0%{transform:rotate(0deg) scale(.8)}50%{transform:rotate(1turn) scale(1.2)}to{transform:rotate(2turn) scale(.8)}}@keyframes ball1{0%{box-shadow:30px 0 0 #3b82f6}50%{box-shadow:0 0 0 #3b82f6;margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 #3b82f6;margin-bottom:10px}}@keyframes ball2{0%{box-shadow:30px 0 0 #1e3a8a}50%{box-shadow:0 0 0 #1e3a8a;margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 0 #1e3a8a;margin-top:0}}