body {
  /* Make certain the document is fully visible below the navbar. */
  padding-top: 6rem;
  padding-bottom: 1rem;
}

/* Ensure the code blocks display in a clear and distinct manner. */
pre code {
  padding: 1rem 1rem 1rem 1rem;
  margin: 1rem 1rem 1rem 1rem;
  display: block;
  font-size: 90%;
  color: #fff;
  background-color: #212529;
  border-radius: .4rem
}

/* Format tab panes so the text has some space before and after. */
div.tab-pane {
  margin: 1rem 0rem 1rem 0rem;
}

/* Add some invisible distance to Headings to clear navbar for #links. */
h1:before,h2:before,h3:before,h4:before,h5:before,h6:before {
  display: block;
  content: " ";
  margin-top: -5rem;
  height: 5rem;
  visibility: hidden;
}

/* Add some separation lines to Headings. */
h1:after,h2:after,h3:after,h4:after,h5:after,h6:after {
    display: block;
    margin: .25rem 0rem 0rem 0rem;
    height: .1rem;
    content: " ";
    background-color: #000;
}
h1:after { width: 75% }
h2:after { width: 65% }
h3:after { width: 55% }
h4:after { width: 45% }
h5:after { width: 35% }
h6:after { width: 25% }