.r0 {
    color: #b72d0e;
}

.r1 {
    color: #ffffff;
}

.r2 {
    color: #cdcdcd;
}

.r3 {
    color: #03e221;
}

.r4 {
    color: #c6d615;
}

.r5 {
    color: #2c7a20;
}

.r6 {
    color: #9590e0;
}

.r7 {
    color: #5b51ed;
}

.r8 {
    color: #e064b0;
}

.r9 {
    color: #e035f0;
}

.r10 {
    color: #9c8c31;
}

.r11 {
    color: #48ad87;
}

.r12 {
    color: #d50303;
}

.r13 {
    color: #35bbb4;
}

.r14 {
    color: #dccb0b;
}

.r15 {
    color: #ef337b;
}

.r16 {
    color: #23e788;
    text-shadow: 0px 0px 3px #04f;
}

.r17 {
    color: #75fff4;
    text-shadow: 0px 0px 3px #04f;
}

.r18 {
    color: #15e90d;
    text-shadow: 0px 0px 3px #04f;
}

.r19 {
    color: #985414;
    text-shadow: 0px 0px 3px #04f;
}

.r20 {
    color: #222;
    text-shadow: 0px 0px 4px #84f;
}

.r21 {
    color: #f89cb9;
    text-shadow: 0px 0px 4px #84f;
}

.r22 {
    color: #ffd700;
    text-shadow: 0px 0px 4px #84f;
}

.r23 {
    color: #1ec9a4;
    text-shadow: 0px 0px 4px #84f;
}

.r24 {
    color: #61f4d4;
    text-shadow: 0px 0px 5px #fd0;
}

.r25 {
    color: #e90b0b;
    text-shadow: 0px 0px 5px #fd0;
}

.r26 {
    color: #78cbff;
    text-shadow: 0px 0px 5px #fd0;
}

.r27 {
    color: #a0ce22;
    text-shadow: 0px 0px 5px #fd0;
}

.r28 {
    color: #e0e;
    text-shadow: 0px 0px 6px #f00;
}

.r29 {
    color: #222;
    text-shadow: 0px 0px 6px #f00;
}

.r30 {
    color: #84f;
    text-shadow: 0px 0px 6px #f00;
}

.r31 {
    background: linear-gradient(90deg,
            #eee,
            #444);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    filter: drop-shadow(0px 0px 7px #f08);
}

.r32 {
    background: linear-gradient(90deg,
            #ccc,
            #808080,
            #4d4d4d,
            #808080,
            #ccc);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    filter: drop-shadow(0px 0px 7px #f08);
}

.r33 {
    background: linear-gradient(90deg,
            #999,
            #b3b3b3,
            #ffffff,
            #b3b3b3,
            #999);
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    filter: drop-shadow(0px 0px 7px #f08);
}

.r34 {
    background: linear-gradient(in hsl 90deg,
            hsl(42, 100%, 50%),
            hsl(68, 75%, 60%),
            hsl(82, 75%, 70%),
            hsl(104, 100%, 60%),
            hsl(82, 75%, 70%),
            hsl(68, 75%, 60%),
            hsl(42, 100%, 50%));
    background-size: 200% auto;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: movingbackground 15s linear infinite;
    filter: drop-shadow(0px 0px 7px #f0f);
}

.r35 {
    background: linear-gradient(in hsl 90deg,
            hsl(177, 93%, 48%),
            hsl(262, 95%, 41%),
            hsl(297, 96%, 44%),
            hsl(262, 95%, 41%),
            hsl(177, 93%, 48%));
    background-size: 200% auto;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: movingbackground 12s linear infinite;
    filter: drop-shadow(0px 0px 7px #f0f);
}

.r36 {
    background: linear-gradient(in hsl 90deg,
            hsl(131, 46%, 67%),
            hsl(135, 86%, 54%),
            hsl(104, 20%, 60%),
            hsl(131, 46%, 67%));
    background-size: 200% auto;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: movingbackground 10s linear infinite;
    filter: drop-shadow(0px 0px 7px #f0f);
}

.r37 {
    background: linear-gradient(in hsl 90deg,
            hsl(315, 100%, 50%),
            hsl(323, 83%, 43%),
            hsl(347, 87%, 52%),
            hsl(315, 100%, 50%));
    background-size: 200% auto;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: movingbackground 8s linear infinite;
    filter: drop-shadow(0px 0px 7px #fff);
}

.r38 {
    background: linear-gradient(90deg,
            #888,
            hsl(120, 100%, 85%),
            hsl(0, 0%, 30%),
            hsl(360, 100%, 85%),
            #888);
    background-size: 200% auto;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: movingbackground 6s linear infinite;
    filter: drop-shadow(0px 0px 7px #fff);
}

.r39 {
    background: linear-gradient(90deg,
            #000,
            hsl(251, 100%, 66%),
            #000);
    background-size: 200% auto;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: movingbackground 5s linear infinite;
    filter: drop-shadow(0px 0px 7px #fff);
}

.r40 {
    background: linear-gradient(60deg,
            #fff,
            #444,
            #fff);
    background-size: 200% auto;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: movingbackground 4s linear infinite;
    filter: drop-shadow(0px 0px 7px #000);
}

.r41 {
    background: linear-gradient(in hsl longer hue 60deg,
            hsl(0, 100%, 50%),
            hsl(360, 100%, 50%));
    background-size: 200% auto;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    animation: movingbackground 3s linear infinite;
    filter: drop-shadow(0px 0px 8px #000);
}

@keyframes movingbackground {
    0% {
        background-position: 0% center;
    }

    100% {
        background-position: 200% center;
    }
}