#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);
}

#music {
    height: 100vh;
    min-height: 45rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    overflow: hidden;

    border-bottom: 6px solid black;

    color: var(--alabaster);
}

#music .bg-container {
    width: 100%;
    position: relative;
    height: 0;
    margin: 0;
    padding: 0;
    z-index: -1;

}

#music .background {
    position: absolute;
    width: 100%;
    height: 50rem;
    margin: -1px;

    isolation: isolate;

    background: linear-gradient(#7c3c24, 28.5%, black, 75%, var(--primary)),
    url("../img/noise.svg");
    background-blend-mode: color-burn;
    filter: blur(1px) contrast(80%) brightness(102%);

}

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

#music .container {
    margin: 4rem 0;
    width:75vw;
}