.square {position: absolute; width: 100px; height: 100px; opacity: 0; z-index: -5; animation: scaling 0.5s linear; transform: scale(0);}
.square .fill {height: 100%; width: 100%; border-radius: 15px; background: linear-gradient(45deg, #e87e0e 0%, #d85a2f 25%, #ce233e 50%, #d22066 75%, #c11a8c 100%); animation: rotation 2.5s linear infinite;}
@keyframes scaling {50% {transform: scale(0.5); opacity: 1;} 100% {transform: scale(0.25);}}
@keyframes rotation {100% {transform: rotate(-180deg);}}