.backfill {
    background: #3e3e3e;
}

.pidoras {
    background:
            linear-gradient(rgba(255,0,0,1) 0%, rgba(255,154,0,1) 10%, rgba(208,222,33,1) 20%, rgba(79,220,74,1) 30%, rgba(63,218,216,1) 40%, rgba(47,201,226,1) 50%, rgba(28,127,238,1) 60%, rgba(95,21,242,1) 70%, rgba(186,12,248,1) 80%, rgba(251,7,217,1) 90%, rgba(255,0,0,1) 100%)
            0 0/100% 200%;
    animation: pidoras_key 2s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes pidoras_key {
    to {background-position:0 -200%}
}

.tf2rainbow {
    background: linear-gradient(#FFD700 0%, #476291 10%, #4D7455 20%, #CF6A32 30%, #8650AC 40%, #38F3AB 50%, #AA0000 60%, #FAFAFA 70%, #70B04A 80%, #A50F79 90%, #B2B2B2 100%)
                0 0/100% 200%;
    animation: tf2rainbow_key 2s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@keyframes tf2rainbow_key {
    to {background-position:0 -200%}
}