@font-face {
    font-family: "Massive Darkness 2";
    src: url("https://api.golife.love/Files/Fonts/MassiveDarkness2.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DwarvenAxeBBW00-Regular";
    src: url("https://api.golife.love/Files/Fonts/MD2Font.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

.MD2text {
    font-family: "DwarvenAxeBBW00-Regular", sans-serif !important;
}
.MD2IconContainer-sm {
    .MD2Icon {
        font-size: 18px;
        line-height: 18px;
    }
}
.MD2IconContainer-md {
    .MD2Icon {
        font-size: 30px;
        line-height: 30px;
    }
}
.MD2IconContainer-lg {
    .MD2Icon {
        font-size: 40px;
        line-height: 40px;
    }
}
.MD2IconContainer-xl {
    .MD2Icon {
        font-size: 50px;
        line-height: 50px;
    }
}
.MD2Icon {
    font-family: "Massive Darkness 2", sans-serif !important;
    //font-size: 20px;
    //font-size: 50px;

    &.attack::before {
        content: "A";
    }
    &.defense::before {
        content: "B";
    }
    &.mana::before {
        content: "C";
    }
    &.shadow::before {
        content: "D";
    }
    &.enemySkill::before {
        content: "E";
    }
    &.enemyAttack::before {
        content: "F";
    }
    &.reroll::before {
        content: "G";
    }
    &.fire::before {
        content: "H";
    }
    &.frozen::before {
        content: "I";
    }
    &.oneHand::before {
        content: "J";
    }
    &.twoHand::before {
        content: "K";
    }
    &.helmet::before {
        content: "L";
    }
    &.armor::before {
        content: "M";
    }
    &.ring::before {
        content: "N";
    }
    &.boot::before {
        content: "O";
    }
    &.melee::before {
        content: "P";
    }
    &.range::before {
        content: "Q";
    }
    &.magic::before {
        content: "R";
    }
    &.hp::before {
        content: "S";
    }
    &.mp::before {
        content: "T";
    }
    &.dice::before {
        content: "U";
    }
    &.arrow::before {
        content: "V";
    }
    &.arrowBullseye::before {
        content: "W";
    }
    &.arrowOverload::before {
        content: "X";
    }
    &.soul::before {
        content: "Y";
    }
    &.rage::before {
        content: "Z";
    }
    &.diceYellow {
        &::before {
            content: "U";
        }
        color: #ffc107 !important;
    }
    &.diceOrange {
        &::before {
            content: "U";
        }
        color: #ffab6a !important;
    }
    &.diceBlack {
        &::before {
            content: "U";
        }
        color: #5b5d64 !important;
    }
    &.diceRed {
        &::before {
            content: "U";
        }
        color: crimson !important;
    }
    &.dice {
        font-family: "Massive Darkness 2", sans-serif !important;
        &.Blue {
            color: #58a1ff !important;
        }
        &.Yellow {
            color: #ffc107 !important;
        }
        &.Orange {
            color: #ffab6a !important;
        }
        &.Black {
            color: #5b5d64 !important;
        }
        &.Red {
            color: crimson !important;
        }
        &::before {
            content: "U";
        }
    }
}