.diceAmount {
    color: white;
    z-index: 2;
    position: absolute;
    left: 25px;
    font-size: 30px;
}
.dice {
    &::before {
        position: absolute;
    }
}
.blackDiceAmount {
    color: white;
    z-index: 2;
    position: absolute;
    left: 26px;
    font-size: 30px;
}
.skillDesc {
    padding-left: 8px;
    .MD2Icon {
        font-size: 45px;
    }
}

//override the style of the skillDesc class and sub elements

:host ::ng-deep .skillDesc .MD2Icon {
    font-size: 30px;
}