.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:#ec909c;box-shadow:30px 0 0 #fec524;margin-bottom:10px}.loader:after{animation:ball2 1s infinite;background-color:#665be0;box-shadow:30px 0 0 #3fbdf1}@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(.8);-moz-transform:rotate(0deg) scale(.8)}50%{-webkit-transform:rotate(1turn) scale(1.2);-moz-transform:rotate(1turn) scale(1.2)}to{-webkit-transform:rotate(2turn) scale(.8);-moz-transform:rotate(2turn) scale(.8)}}@keyframes ball1{0%{box-shadow:30px 0 0 #fec524}50%{box-shadow:0 0 0 #fec524;margin-bottom:0;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px)}to{box-shadow:30px 0 0 #fec524;margin-bottom:10px}}@keyframes ball2{0%{box-shadow:30px 0 0 #3fbdf1}50%{box-shadow:0 0 0 #3fbdf1;margin-top:-20px;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px)}to{box-shadow:30px 0 0 #3fbdf1;margin-top:0}}