h1, h2, h3, h4, h5, h6 {
    font-family: 'Tangerine', cursive;
    font-weight: bold;
}
body {
    background-image: url('../images/MTG-Map-BG.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
.show-d20 {
    background-image: url('../images/d20-BG.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.dice-icon {
    border-radius: 10px;
    margin: 10px;
    box-shadow: 0 0 50px rgba(0,0,0,0.55) inset, 0 0 25px #000;
}

.plains {
    color: #fffcdb !important;
    background-color: #7a796c !important;
    border-radius: 5px;
    transition: 0.35s ease;
    font-weight: bold !important;
}
.plains:hover {
    background-color: #fffcdb !important;
    color: #7a796c !important;
}
 .mountains {
    color: #bd0615 !important;
    background-color: #fdc689 !important;
    border-radius: 5px;
    transition: 0.35s ease;
    font-weight: bold !important;
}
 .mountains:hover {
    background-color: #bd0615 !important;
    color: #fdc689 !important;
}
 .forest {
    color: #005826 !important;
    background-color: #a3c3b1 !important;
    border-radius: 5px;
    transition: 0.35s ease;
    font-weight: bold !important;
}
 .forest:hover {
    background-color: #005826 !important;
    color: #a3c3b1 !important;
}
 .water {
    color: #0055a3 !important;
    background-color: #b0bbc5 !important;
    border-radius: 5px;
    transition: 0.35s ease;
    font-weight: bold !important;
}
 .water:hover {
    background-color: #0055a3 !important;
    color: #b0bbc5 !important;
}
 .swamp {
    color: #8781bd !important;
    background-color: #000 !important;
    border-radius: 5px;
    transition: 0.35s ease;
    font-weight: bold !important;
}
 .swamp:hover {
    background-color: #8781bd !important;
    color: #000 !important;
}

.bg-plains {
    background-color: #fff;
}

#rounds-title {
    font-family: 'Tangerine', cursive;
    font-weight: bold;
    font-size: 36px;
    margin-right: 20px;
}

.show-rounds p {
    color: #fff;
    font-size: 48px;
}

@media screen and (max-width: 1280px) {
    .dice-icon { 
        margin: 5px;

    }
}