body {
    background-color: #3b3e3f;
    color: white;
}

.ai-container {
    min-height: 195px;
}

.player-ai-health {
    background-color: green;
}

.player-health {
    background-color: green;
}

.player-health-border {
    border: 5px solid green;
    border-radius: 5px;
}

.player-ai-health-border {
    border: 5px solid green;
    border-radius: 5px;
}

.player-defense-border {
    border: 5px solid grey;
    border-radius: 5px;
}

.player-ai-defense-border {
    border: 5px solid grey;
    border-radius: 5px;
}

.player-dodge-border {
    border: 5px solid #28a745;
    border-radius: 5px;
}

.player-ai-dodge-border {
    border: 5px solid #28a745;
    border-radius: 5px;
}

.card-border {
    border: 5px solid black;
    border-radius: 5px;
}

.bg-pink {
    background-color: pink;
}

.card-ai {
    min-height: 50px;
    max-height: 350px;
}

.card-img-ai {
    max-height: 50px;
}

.card-img-player {
    max-height: 150px;
}

.board-ligne {
    min-height: 15px;
}

.cards-list-player {
    margin-right: 0px!important;
}

.action-list-player-ai {
    margin-right: 0px!important;
    min-width: 150px;
}

.game-logs-container {
    position: fixed;
    z-index: 5;
    margin-left: 15px;
    border: 3px solid black;
    border-radius: 5px;
    transform: translateY(-15px);
    font-size: 13px;
}

.card-player {
    width: 13rem;
}

.image-home {
    max-height: 500px;
    border: 13px solid black;
    border-radius: 5px;
}

.card-text {
    font-size: 13px;
}

.player-ai-image {
    width: 250px;
    border-radius: 5px;
}

.border-player-ai {
    border: 5px solid #28a745;
}

.border-player-ai-warning {
    border: 5px solid #ffc107;
}

.border-player-ai-danger {
    border: 5px solid #dc3545;
}

.card-image-monster-action {
    max-width: 35px;
    max-height: 50px;
    border-radius: 5px;
}

.card-image-monster-defense {
    max-width: 25px;
    max-height: 30px;
    border-radius: 5px;
}

.card-monster-action {
    max-height: 150px;
}

.leader-board-table, th, td {
    border: 1px solid;
}

.leader-board-table thead {
    background-color: grey;
}

.home-text {
    text-shadow: 5px 5px black;
}

.add-player-name-container {
    border: 5px solid white;
    border-radius: 5px;
    padding: 15px;
}

.attack-animation {
    font-size: 25px;
    font-weight: bold;
    background-color: white;
    border-radius: 5px;
    padding: 3px;
}

.card-description {
    font-size: 13px;
}

.turn-text {
    border: 5px solid black;
}

.upgrade-characteristic {
    position: absolute;
    background-color: rgb(0, 0, 0, 0.50);
    z-index: 50;
}

.upgrade-characteristic-container {
    border-radius: 5px;
    transform: translateY(65%);
}

.characteristic-image {
    max-width: 65px;
    max-height: 65px;
}
.upgrade-characteristic-option {
    border: 3px solid black;
}

.display-none {
    visibility: hidden;
}

@media (max-width: 1150px)
{
.card-player {
    width: 10rem;
}

.card-img-player {
    max-height: 150px;
}

.game-logs-container {
    position: static;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    transform: translateY(0px);
    width: 90%;
}

.board-ligne {
    margin-top: 15px;
}
}