Add rainbow colors to different columns on monkeytype.com

userContent.css

@-moz-document domain(monkeytype.com) {
    .keymapKey {

        &[data-key="wW"],
        &[data-key="cC"],
        &[data-key="jJ"],
        &[data-key=";:"],
        &[data-key="aA"],
        &[data-key=".>"] {
            background-color: #f38ba830 !important;
        }

        &[data-key="lL"],
        &[data-key="rR"],
        &[data-key="vV"],
        &[data-key="uU"],
        &[data-key="iI"],
        &[data-key=",<"] {
            background-color: #fab38730 !important;
        }

        &[data-key="yY"],
        &[data-key="sS"],
        &[data-key="dD"],
        &[data-key="oO"],
        &[data-key="eE"],
        &[data-key="/?"] {
            background-color: #a6e3a130 !important;
        }

        &[data-key="pP"],
        &[data-key="tT"],
        &[data-key="gG"],
        &[data-key="xX"],
        &[data-key="nN"],
        &[data-key="hH"] {
            background-color: #89dceb30 !important;
        }

        &[data-key="kK"],
        &[data-key="bB"],
        &[data-key="qQ"],
        &[data-key="zZ"],
        &[data-key="fF"],
        &[data-key="mM"] {
            background-color: #b4befe30 !important;
        }

        &.activeKey {
            /* color: red !important; */
            border: 1px solid var(--main-color) !important;
            color: var(--sub-color) !important;
        }
    }
}