Clog DX by mynotaurus

/* ==UserStyle==
@name           Clog DX
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    formats gamelogs real fancy using clog https://greasyfork.org/en/scripts/458787-clog-colourful-gamelog
@author         Myno
==/UserStyle== */

@-moz-document domain("blaseball.com") {
    .clog_single {
        color: #fe8;
        font-weight: 500;
    }
    .clog_double {
        color: #fe5;
        font-weight: 600;
    }
    .clog_triple {
        color: #fc3;
        font-weight: 700;
    }
    .clog_score {
        color: #f90;
        font-weight: 800;
    }
    
    /*adds confetti*/
    .clog_score {
        text-align: center;
        display: flex;
        text-shadow:0 0 10px #000;
        background-image: url(https://github.com/Mynotaurus/filestorag/blob/main/confetti.gif?raw=true);
        background-size: cover;
    }
    
    .clog_ball {
        color: #bff;
    }
    .clog_strike {
        color: #fbf;
    }
    .clog_out {
        color: #fbb;
    }
    .game-widget__count > .game-widget__count-line:nth-of-type(1) {
        filter: brightness(50%) sepia(1) hue-rotate(150deg);
    }
    .game-widget__count > .game-widget__count-line:nth-of-type(2) {
        filter: brightness(50%) sepia(1) hue-rotate(270deg) saturate(200%);
    }
    .game-widget__count > .game-widget__count-line:nth-of-type(3) {
        filter: brightness(50%) sepia(1) hue-rotate(300deg) saturate(200%);
    }
    
    .clog_incin {
        color: #66f;
        text-shadow:0 0 10px #66f
    }
    .clog_alternate {
        color: #f33;
        text-shadow:0 0 10px#f33
    }
    .clog_curse {
        color: #f96;
        text-shadow:0 0 10px #f96
    }
    .clog_swear {
        color: #cce;
        text-shadow:0 0 10px #cce
    }
}