.sidebar a, .sidebar-about h1 {
    color:#76c2e3;
}

.sidebar-about h1 {
    margin-top: 0;
    background: url(/logos/menu-logo.png);
    background-repeat: no-repeat;
    background-size: 100% ;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
}

p.author {
    font-size: 1.20rem;
    font-weight: 400;
    line-height: 1;
    margin-block-start: 0em;
    margin-block-end: 0.5em;
}

p.bio {
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.1;
    color: rgb(172, 190, 214)
   
}

.img-headshot {
        height: 150px;
        width: 150px;
}

.social-icons a {
    color: white;
    font-size: 1.5em;
}

h1.post-title {
    font-size: 1.50rem;
}

code {
    overflow-wrap: break-word;
}

.buymeacoffee img {
    padding-top: 5px; 
    width: 180px; 
    margin:auto; 
}

figure img {
    margin-bottom: 2px;
}
figcaption h4 {
    font-size: 0.8em;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}
figcaption p {
    font-size: 0.6em;
    margin-top: 5px;
}

.mvplogo img {
    margin-left: auto;
    margin-right: auto;
}
@media  (max-width: 48em) {
   
    .sidebar {
       padding: 5px;
       margin: auto;
   }
    .sidebar-about h1 {
        background-size: 60%;
        background-position: center;
        margin: 0;
        padding-top: 5px;
    }
    .sidebar-nav  {
        margin-bottom: 5px;
       display: inline-flex; 
       align-self: stretch;  
       align-content: stretch;

    }
    .sidebar-nav li {

       padding: 5px;
       }

       .img-headshot {
        height: 80px;
        width: 80px;
        float: left;
        margin-top: 5px;
    }
    .social-icons {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .buymeacoffee img {
        padding-top: 5px; 
        width: 180px; 
        margin:auto; 
    }

    .mvplogo {
        display:none;
    }
}

  
/*debug CSS*/
/* * {
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
  } */