body {
        /* border-top: 25px solid #a4657e; */
        font-family: "IBM Plex Serif", serif;
        margin: 0px;
        padding: 0px;
        Background-color: #4f313d;
        color: #d4b8c4;
    }

    h1 {

        margin: 40px 20px 0px 20px;
        font-size: 4rem;
        text-align: center;

    }
.blurb { 
    text-align:center;
    margin:0px 0px 20px 0px;
}

 

.blurb2 { 
    text-align:center;
    margin:0px 0px 20px 0px;
    font-size:80%;
}

h2.shows {   font-size: 2rem;   margin:0px;}

    img {
        width: 100%;

    }

    .content {

        max-width: 960px;
        margin: auto;
    }

    .header img {
        border-top: 5px solid #4f313d;
        border-bottom: 10px solid #4f313d;
    }

    div h2 a {
        font-size: 80%;
        color: black;
    }

    .audioPlayer {
        max-width: 30%;
        display: block;
        border-radius: 20px;
        margin: 0 auto;
    }

    .media-controls {
        background-color: #d4b8c4;
    }

    .download img {
        fill: #000;
        width: 15px;
    }

    .grid {

        width: 90%;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 20px;
        column-gap: 1.5rem;
    }

    .players {
        text-align: center;
    }

    audio {
        width: 100%;

    }


    .credit {
        font-size: 60%;
        margin: 0px;
    }

    .song-title {
        font-size: 110%;
        font-style: italic;
    }

    @media (max-width: 600px) {
        .grid {
            grid-template-columns: 1fr;
        }
    }



    .bio {
        height: 20px;


    }

    hr {
        width: 50%;
        margin: auto;
        margin-top:20px;
           fill: #d4b8c4;
    }

    .tipjar {

     
        width: 200px;
        margin: auto;
    }

    .tipjar img {
        width: 50px;
        margin-right: 10px;
        margin-top:20px;
        text-align: center;
    }

    .calendar { 
 
        width:70%;
        margin:0px auto 40px auto;

    }
    .calendar span { font-size:120%;}

    .calendar h2 { text-align:center;}
    a:link, a:hover, a:visited, a:active {  
        color:#FFFFFF;
     }

     .tipjar a { text-decoration:none; }