.freeoffer {
    background: linear-gradient(90deg,
            #9FFF72,
            #68E524,
            #68E524,
            #9FFF72,
            #E0FFA0,
            #9FFF72);
    background-size: 600% 100%;
    background-clip: text;
    color: transparent;
    animation: freeoffer 4s linear infinite;
}

@keyframes freeoffer {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.golden {
    background: linear-gradient(90deg,
            #FFFABC,
            #FFD12E,
            #F29928,
            #FFD12E,
            #FFFABC);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: golden 5s linear infinite;
}

@keyframes golden {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.purple {
    background: linear-gradient(90deg,
            #FABCFF,
            #D12EFF,
            #9928F2,
            #D12EFF,
            #FABCFF);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: purple 5s linear infinite;
}

@keyframes purple {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.doubletokengold {
    background: linear-gradient(90deg,
            #FFDAAC,
            #FFD12E,
            #F29928,
            #FFD12E,
            #FFDAAC);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: doubletokengold 5s linear infinite;
}

@keyframes doubletokengold {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.defaultname {
    background: linear-gradient(90deg,
            #FFFFFF,
            #FFFFFF,
            #FFFFFF);
    background-size: 300% 100%;
    background-clip: text;
    color: transparent;
    animation: defaultname 5s linear infinite;
}

@keyframes defaultname {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name1 {
    background: linear-gradient(90deg,
            #45ffb1,
            #2eef60,
            #00c74b,
            #2eef60,
            #45ffb1);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: name1 5s linear infinite;
}

@keyframes name1 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name2 {
    background: linear-gradient(90deg,
            #fff5d6,
            #FFDBA7,
            #ffb777,
            #FFDBA7,
            #fff5d6);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: name2 5s linear infinite;
}

@keyframes name2 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name3 {
    background: linear-gradient(90deg,
            #ffffce,
            #fff76c,
            #ffe034,
            #fff76c,
            #ffffce);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: name3 5s linear infinite;
}

@keyframes name3 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name4 {
    background: linear-gradient(90deg,
            #FDF542,
            #fdd000,
            #FF9005,
            #fdd000,
            #FDF542);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: name4 5s linear infinite;
}

@keyframes name4 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name5 {
    background: linear-gradient(90deg,
            #ffd49d,
            #FFAA82,
            #ff7b4f,
            #FFAA82,
            #ffd49d);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: name5 5s linear infinite;
}

@keyframes name5 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name6 {
    background: linear-gradient(90deg,
            #ffae1f,
            #ff7b06,
            #ff382e,
            #ff7b06,
            #ffae1f);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: name6 5s linear infinite;
}

@keyframes name6 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name7 {
    background: linear-gradient(90deg,
            #ff9368,
            #FF6178,
            #f51a73,
            #FF6178,
            #ff9368);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: name7 5s linear infinite;
}

@keyframes name7 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name8 {
    background: linear-gradient(90deg,
            #ffc92f,
            #ff9c4c,
            #ff6856,
            #f931a3,
            #e300b9,
            #f931a3,
            #ff6856,
            #ff9c4c,
            #ffc92f);
    background-size: 900% 100%;
    background-clip: text;
    color: transparent;
    animation: name8 3s linear infinite;
}

@keyframes name8 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name9 {
    background: linear-gradient(90deg,
            #20fbff,
            #00d0fa,
            #359eff,
            #00d0fa,
            #20fbff);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: name9 5s linear infinite;
}

@keyframes name9 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name10 {
    background: linear-gradient(90deg,
            #FF6DEA,
            #FA00D6,
            #CA00F4,
            #FA00D6,
            #FF6DEA);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: name10 5s linear infinite;
}

@keyframes name10 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.name11 {
    background: linear-gradient(90deg,
            #dffd67,
            #7efc7d,
            #13cf00,
            #7efc7d,
            #dffd67);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: name11 5s linear infinite;
}

@keyframes name11 {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.comingsoon {
    background: linear-gradient(90deg,
            #FFFABC,
            #FFD12E,
            #F8A535,
            #FFD12E,
            #FFFABC);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: comingsoon 10s linear infinite;
}

@keyframes comingsoon {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.leaguebonusday {
    background: linear-gradient(90deg,
            #FFDAAC,
            #FFD12E,
            #F29928,
            #FFD12E,
            #FFDAAC);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: leaguebonusday 5s linear infinite;
}

@keyframes leaguebonusday {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.playertitlegold {
    background: linear-gradient(90deg,
            #FFDAAC,
            #FFD12E,
            #F29928,
            #FFD12E,
            #FFDAAC);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: playertitlegold 5s linear infinite;
}

@keyframes playertitlegold {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.maxlevelgold {
    background: linear-gradient(90deg,
            #FFFABC,
            #FFD12E,
            #F29928,
            #FFD12E,
            #FFFABC);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: maxlevelgold 5s linear infinite;
}

@keyframes maxlevelgold {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.clubpiggygold {
    background: linear-gradient(90deg,
            #FFFABC,
            #FFD12E,
            #F29928,
            #FFD12E,
            #FFFABC);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: clubpiggygold 5s linear infinite;
}

@keyframes clubpiggygold {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.plus {
    background: linear-gradient(90deg,
            #F9E6FF,
            #E2A3FF,
            #FFFE98,
            #C2F3F2,
            #F9E6FF);
    background-size: 800% 100%;
    background-clip: text;
    color: transparent;
    animation: plus 5s linear infinite;
}

@keyframes plus {
    0% {
        background-position: 100% 0;
    }

    50% {
        background-position: 50% 0;
    }

    100% {
        background-position: 0 0;
    }
}