blog-style.css

.org-src-container {
    border-left: 0.2em solid #999;
}

.src {
      font-family: 'Source Code Pro';
      font-size: 110%;
      background-color: #f2f2f2;
      padding: 1em;
  }

 * { font-family: "Roboto"; }
 html {
     clear: both;
     Height: 100%;
     width: 100%
 }

 body {
     margin: 0; 
     padding: 0;
     width: 100%;
     display: flex;
     flex-direction: column;
     color: #545454;
     background-color: #fffffd;
     line-height: 1.35;
     padding: 1em;
 }

a { color: #51c0ae; text-decoration: none}
a:visited { color: #51c0ae; text-decoration: none}

a:hover {  color: #51c0ae; opacity: 0.5; }
h2 {
    color: #51c0ae;
}

/* */
#blog-title {
    font-family: 'Cormorant Garamond';
    font-size: 400%;
    font-weight: bolder;
    color: #51c0ae;
}

#tagline {
    font-size: 20%;
    font-weight: lighter;
    padding-bottom: 1em;
}

.blog-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #999
}


.post-title {
    font-size: 150%;
    font-weight: bold;
    color: #51c0ae;
    border-bottom: 2px solid #ddd
}

.post-summary {
    font-size: 100%;
    color: #757575;
    padding-top: 0.5em;
    padding-left: 1em;
}

.post-tags {
    font-size: 80%;
    color: #757575;
    padding-top: 1em;
    padding-left: 1em;
}

.pub-date { 
    font-weight: bold;
    color: #757575;
    padding-bottom: 2em;
}

.post-publish-date {
    font-size: 80%;
    color: #777;
    padding-top: 0.5em;
    padding-left: 1em;
    padding-bottom: 1em;
}

.blog-footer {
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1em;
    font-size: 50%;
    font-weight: bold;
    padding: 5px;
    flex-direction: row;
    justify-content: center;
    border-top: solid 1px #dfe3ee;
    color: #51c0ae; /* #3b5998, #dfe3ee, #8b9dc3*/
    background-color: #d3d3d3; /*#dfe3ee;*/
}
/* , #8b9dc3 */
#site-links {
}

#site-links a {
    color: #51c0ae;
    font-size: 100%;
    text-decoration: none;
    padding-right: 1em
}

#social-media-icons {
}

#github-logo {
    vertical-align: super
}