.loader{background-color:coral;width:250px;height:250px;animation:2s ease-in-out infinite alternate squareToCircle}@keyframes squareToCircle{0%{background:coral;border-radius:0;transform:rotate(0)scale(1)}25%{background:#ff8c00;border-radius:25% 25% 0 0;transform:rotate(45deg)scale(1.1)}50%{background:orange;border-radius:50% 50% 0 0;transform:rotate(90deg)scale(1.2)}75%{background:#ff5900;border-radius:50% 50% 50% 0;transform:rotate(135deg)scale(1.1)}to{background:#ff8c00;border-radius:50%;transform:rotate(180deg)scale(1)}}
