.character-sheet {
    margin: auto;
    text-align: center;
    border: var(--golden) solid 1px;
    border-radius: var(--border-radius);
    max-width: 80vw;
    padding: 5px;
}

#profileImage {
    height: 250px;
    width: 250px
}

.imageRaceClass {
    height: 150px;
}

.detailCard {
    text-align: start;
    border: var(--golden) solid 1px;
    border-radius: var(--border-radius);
    height: 75px
}

.buttons-character {
    padding: 5px;
}

/* MOBILE */
@media only screen and (max-width: 992px) {
    .character-sheet {
        max-width: 95vw;
        padding: 0px;
    }

    #profileImage {
        height: 200px;
        width: 200px
    }

    .imageRaceClass {
        height: 100px;
    }

    h5 {
        font-size: 18px;
    }

    .detailCard {
        height: 75px
    }
    .buttons-character {
        padding: 5px;
    }
}