body {
    font-family: 'Open Sans';font-size: 18px;
    color: black;
}

h1 {
    font-size: 50px;
}

.box {
    display: flex;
    align-items:center;
 }
/* Style the navbar */
#navbar {
    position: sticky;
    top: 0;
    overflow: hidden;
    background-color: #f0f0f0;
  }
  
  /* Navbar links */
  #navbar a {
    float: left;
    display: block;
    color: black;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }
  
  .masthead {
    font-size: 50px;
    font-weight: bold;
  }
  
  a.post-link {
    font-size: 18pt;
    font-weight: bold;
    color: black;
    text-align: center;
    padding: 0px;
    text-decoration: none;
  }
  
  div.post-meta {
    font-family: serif;
    color: gray;
    font-size: smaller;
    margin-bottom: 0.5em;
  }

  h1.post-title {
    font-weight: bold;
    font-size: 50px;
    text-align: left;
    margin-bottom: 0px;
  }

  h2.post-title {
    font-weight: bold;
    font-size: 36px;
    text-align: left;
    margin-bottom: 0px;
  }

  ul.post-list {
    list-style-type: none;
    padding-inline-start: 0px
  }

  ul.post-list li {
    margin-bottom: 1em;
}

pre {
    font-size: 14px;
    padding: 0.5em
}
  /* Page content */

  .content {
    margin: auto;
    width: 66%;
  }