.flashingPurple {
    animation-duration: 0.75s;
    animation-timing-function: steps(2);
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    animation-name: flsBlue;
    transform: translateZ(0);
}

@keyframes flsBlue {
    from {
        color: #ffc107;
        background-color: #7623c8;
        /*border: 5px solid #dc3545;*/
    }

    to {
        color: #FFF;
        background-color: #00b1ec;
        /*border: 5px solid #ffc107;*/
    }
}
.flashingRed {
    animation-duration: 0.75s;
    animation-timing-function: steps(2);
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    animation-name: flsRed;
    transform: translateZ(0);
}

@keyframes flsRed {
    from {
        color: #ffc107;
        background-color: #c82332;
        /*border: 5px solid #dc3545;*/
    }

    to {
        color: #FFF;
        background-color: #ecb100;
        /*border: 5px solid #ffc107;*/
    }
}

.flashingBlue {
    animation-duration: 0.75s;
    animation-timing-function: steps(2);
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    animation-name: flsBlue;
    transform: translateZ(0);
}

@keyframes flsBlue {
    from {
        color: #ffc107;
        background-color: #2323c8;
        /*border: 5px solid #dc3545;*/
    }

    to {
        color: #FFF;
        background-color: #00b1ec;
        /*border: 5px solid #ffc107;*/
    }
}