/* Yellow */
:root {
    --bg-yellow: #FFDD00;
    --bg-blue: #0ab6e9;
    --bg-pink: #e81d77;
    --bg-green: #b4cf3d;

    --font-stinger: "stinger-variable", sans-serif;
    --font-futura: "futura-condensed", sans-serif;
}

.yellow {
    background: var(--bg-yellow);
}

.blue {
    background: var(--bg-blue);
}

.pink {
    background: var(--bg-pink);
}

.green {
    background: var(--bg-green);
}

.history-slider .splide__track {
    overflow: visible !important;
}

.history-slider li {
    position: relative;
    border: 8px solid black;
    box-shadow: 25px 25px 0px 0px rgba(0, 0, 0, 1);
}

.history-card {
    display: flex;
    height: 100%;
    padding: 30px;
    text-align: center;
}

.history-card__content {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    color: white;
}

.txt-colour-alt {
    color: black;
}

.history-card h3 {
    font-family: "Stinger-Variable", Sans-Serif;
    font-variation-settings: "wdth" 0, "wght" 700;
    text-transform: uppercase;
    font-size: 2.5em;
}

.history-card p {
    font-family: "Stinger-Variable", Sans-Serif;
    font-variation-settings: "wdth" 100, "wght" 400;
    font-size: 20px;
}

.history-card span.font-bold {
    font-family: "Stinger-Variable", Sans-Serif;
    font-variation-settings: "wdth" 100, "wght" 700;
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .history-slider {
        padding: 30px;
    }

    .history-slider li {
        box-shadow: 15px 15px 0px 0px rgba(0, 0, 0, 1);
    }
}