body {
    background: #444 url("duelistisland.jpg") fixed center no-repeat;
    background-size: cover;
    font-family: 'Fondamento', cursive;
}

.instructions-font-size {
    font-size: 18px;
}

.alt-font {
    font-family: 'Baloo Chettan 2', cursive;
}

.left {
    text-align: left;
}

.life-points-font-size {
    font-size: 30px;
}

.card-font-size {
    font-size: 18px;
}

div.heading {
    text-align: center;
    color: gold;
}

div.flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

div.jumbotron {
    width: 75%;
    max-width: 600px;
    max-height: 600px;
    overflow-y: auto;
    text-align: center;
    position: fixed;
    top: 25%;
    display: block;
    background-color: rgb(243, 187, 66);
    box-shadow: 0 4px 8px rgb(26, 31, 39);
    animation: slideInDown;
    animation-duration: 2s;
    border-radius: 15px;
}

div.game-container {
    margin-top: 50px;
    display: none;
}

div.game-container.show {
    display: block;
}

div.card,
button#reset {
    background-color: rgb(243, 187, 66);
    box-shadow: 0 4px 8px rgb(26, 31, 39);
    border-radius: 15px;
}

div.player1-monster-cards,
div.player2-monster-cards {
    text-align: center;
}