@import "../../../common.scss";

DamageNumber {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: opacity 0.15s ease;

    div {
        font-size: 136px;
        font-family: $font-primary;
        border-radius: 12px;
        padding: 4px 20px;
        text-shadow: 2px 2px 2px black;
        margin: 2px 0;

        &.heal {
            color: limegreen;
        }

        &.damage {
            color: #BF2626;
        }
    }

    &:outro {
        opacity: 0;
    }
}