body.single-post {
  main header  {
    padding-top: calc(18px + 3rem);
    background-image: var(--content-header-background);
    background-color: #6aa2bf;
    background-blend-mode: overlay;
    background-size: cover;
    background-position-y: 50%;

    > .header-wrap {
      color: white;
      text-shadow: 0 2px 2px black;
      width: 1100px;
      margin: 0 auto;

      time {
        text-shadow: 0 1px 1px black;
      }

      .header-bg {
        position: absolute;
        top: 0;
        left: 0;
        width:100vw;
        height:auto;
      }

      > h1 {
        padding: 20px;
        margin: 20px;
      }

      > time {
        margin-left: 40px;
      }
    }
  }

  .navbar {
    background-color: #6aa2bf;
  }

  section.comments {
    width: 1020px;
    margin: 0 auto;
  }
}
