@charset "utf-8";

.ss-rainbow-red {
    color: yellow!important;
    animation: ss-ani-rainbow-red 3s infinite;
}

.ss-rainbow-black {
    color: white!important;
    animation: ss-ani-rainbow-black 3s infinite;
}

.ss-rainbow-blue {
    color: white!important;
    animation: ss-ani-rainbow-blue 3s infinite;
}

.ss-rainbow-sky {
    color: black!important;
    animation: ss-ani-rainbow-sky 3s infinite;
}

.ss-rainbow-white {
    color: black!important;
    animation: ss-ani-rainbow-white 3s infinite;
}


@keyframes ss-ani-rainbow-red {
    0% { background-color: #ff0000; }
    50% { background-color: #930000; }
    100% { background-color: #ff0000; }
}

@keyframes ss-ani-rainbow-black {
    0% { background-color: #000000; }
    50% { background-color: #000000; }
    100% { background-color: #000000; }
}

@keyframes ss-ani-rainbow-blue {
    0% { background-color: #0072d0; }
    50% { background-color: #0072d0; }
    100% { background-color: #0072d0; }
}

@keyframes ss-ani-rainbow-sky {
    0% { background-color: #00ffff; }
    50% { background-color: #00ffff; }
    100% { background-color: #00ffff; }
}

@keyframes ss-ani-rainbow-white {
    0% { background-color: #ffffff; }
    50% { background-color: #ffffff; }
    100% { background-color: #ffffff; }
}