body {
    padding: 0;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Alternating section backgrounds */
.white-section:nth-of-type(odd) {
    background: #ffffff;
}

.white-section:nth-of-type(even) {
    background: #f5f5f5;
}

/* Hover effects */
.hover-card, .game-art, .game-title, .section-title {
    transition: 0.25s ease;
}

    .hover-card:hover,
    .game-art:hover,
    .game-title:hover,
    .section-title:hover {
        transform: scale(1.03);
        box-shadow: 0 4px 18px rgba(0,0,0,0.15);
        opacity: 0.95;
    }

/* Value boxes */
.value-box {
    padding: 25px;
    border-radius: 12px;
    transition: 0.25s ease;
}

    .value-box:hover {
        background: #fff;
        transform: translateY(-5px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.12);
    }


.modern-caption {
    background: rgba(20, 20, 20, 0.55) !important;
    backdrop-filter: blur(6px);
    padding: 20px 30px;
    border-radius: 12px;
}