@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes funny-colors {
    0% {
        background-color: white;
    }
    25% {
        background-color: rgb(147, 218, 82);
    }
    50% {
        background-color: rgb(145, 182, 251);
    }
    75% {
        background-color: rgb(101, 175, 59);
    }
    100% {
        background-color: rgb(22, 49, 92);
    }
}

@keyframes rotation-z-0-360 {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}