todepond.com/lab/login colored names by tonik

/* ==UserStyle==
@name         todepond.com/lab/login colored names
@version      20240825.14.07
@namespace    https://userstyles.world/user/tonik
@description  colors names of cool people thank you
@author       tonik
@license      EUPL v1.2
==/UserStyle== */

@-moz-document url-prefix("https://www.todepond.com/lab/login/") {
    /* fonts people wanted */
    @import url('https://fonts.cdnfonts.com/css/coolvetica-2');
    @import url('https://fonts.cdnfonts.com/css/jetbrains-mono');
    @import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
    @import url('https://fonts.cdnfonts.com/css/restless-soul-bb');

    /* meee */
    #loot-PodeTond\ \💚 > strong {
        background: linear-gradient(to right, #eaacb8 20%, #7acbf5 80%, var(--green) 80%, var(--green) 100%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
        display: inline-block; /* so it doesnt cut the heart */
        font-family: 'JetBrains Mono', sans-serif;
    }
    /* cool green thing */
    #loot-Svenlaa > strong {
        background: linear-gradient(to right, var(--yellow), var(--green) 200%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-family: 'JetBrains Mono', sans-serif;}
    /* coolvetica is very cool indeed */
    #loot-cathy_posts > strong {font-family: 'Coolvetica', sans-serif;}
    /* couldn't decide on a color yet but the font is very fun */
    #loot-Rosy > strong {font-family: 'JetBrains Mono', sans-serif;}
    #loot-Rosy span {font-family: 'JetBrains Mono', sans-serif;} 
    /* bouncy */
    #loot-TodePond {
        animation: bounce 0.5s infinite;
    }

    /* very fancy font and purple aswell */
    #loot-lord\ cat > strong {
        background: linear-gradient(to right, #c5a4ed, #a4a5ed 100%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
        font-family: 'UnifrakturMaguntia';
    }
    /* very pretty lavender */
    #loot-chloe > strong {
        background: linear-gradient(to right, #ca5cdd, #e8bcf0 100%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
    /* miku miku oooeeeooo */
    #loot-HatsuneMiku > strong {
        background: linear-gradient(to right, #87e5cf, #47c8c0 100%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* more vocaloids */
    #loot-KagamineRin > strong {
        background: linear-gradient(to right, #ffd700, #fdfd96 100%);
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* i uhh borrowed this */
    @keyframes bounce {
        0%, 100% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.02) translateX(6px);
        }
    }

    #loot-UsrBinAnnika {
        transform: rotate(1deg);
    }

    #loot-hivemind > strong {
        font-family:  'Restless Soul BB', sans-serif;
    }

}