@keyframes slideInFromLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
}

@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}

@keyframes changecolor {
    0% {
        background-color: #A6206A;
    }
    12% {
        background-color: #EC1C4B;
    }
    25% {
        background-color: #F16A43;
    }
    37% {
        background-color: #f1c939;
    }
    50% {
        background-color: #299e7b;
    }
    62% {
        background-color: #1a7e80;
    }
    75% {
        background-color: #1a6e8f;
    }
    87% {
        background-color: #085297;
    }
}