
#shows {
    /* CSS HEX */
    --alabaster: #ede9dfff;
    --van-dyke: #482e2aff;
    --seal-brown: #6d351eff;
    --dark-green: #162a1fff;
    --dark-green-2: #0b1c0bff;

    /* CSS HSL */
    --alabaster: hsla(43, 28%, 90%, 1);
    --van-dyke: hsla(8, 26%, 22%, 1);
    --seal-brown: hsla(17, 57%, 27%, 1);
    --dark-green: hsla(147, 31%, 13%, 1);
    --dark-green-2: hsla(120, 44%, 8%, 1);
}

#shows {
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;

    background: url(../img/fran_flute.png);
    /*background-repeat: repeat-x;*/
    background-repeat: no-repeat;
    background-position-x: 440px;
    background-position-y: -400px;
    background-size: 81rem;
    background-attachment: fixed;
    background-color: #4e2852;
    background-blend-mode: color-burn;

    color: var(--alabaster);
}

#shows h1 {
    margin-top: 1em;
}

#shows .container {
    margin: 4rem 0;
    width:75vw;
    backdrop-filter: blur(5px);
    background-color: #ede9df4d;
    border-radius: 8px;
}