.loader{box-sizing:border-box;border-top:7px solid #555;border-right:7px solid #0000;border-radius:50%;width:100px;height:100px;animation:1s linear infinite rotation;display:inline-block}.loader:after{content:"";box-sizing:border-box;border-bottom:7px solid #0000;border-left:7px solid #ff3d00;border-radius:50%;width:100px;height:100px;animation:.5s linear infinite reverse rotation;position:absolute;top:0;left:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}