html body
  font-family: $font-stack
html, body
  scroll-behavior: smooth

  font-size: 1.0rem
  @media (min-width: 768px)
    font-size: 1.05rem
  @media (min-width: 960px)
    font-size: 1.1rem

pre
  code
    font-size: 0.9rem

body 
  margin: 0
  min-height: calc(100vh - 55px)
  color: #333
  padding-top: 55px
  display: flex
  text-align: center
  flex-direction: column

nav, footer
  font-size: 0.85rem


.copyright 
    margin: 15px 0

ul 
  list-style: circle


div.highlight 
  padding-top: 1.5rem
  padding-bottom: 1.5rem


a:link, a:visited, a
  color: $accent
  text-decoration: none

  &:hover
    text-decoration: underline
    color: darken($accent, 10%)

nav
  a:hover
    text-decoration: none !important

h4 a 
  font-weight: normal


pre 
  font-size: 1rem !important


main
  display: block
  line-height: 1.7
  margin: auto
  padding: 25px
  flex: 1 0 auto
  max-width: 750px

  padding-top: 0 !important
  @media (min-width: 1600px)
    max-width: 930px !important

  article
    text-align: justify
    margin-bottom: 1rem
    p
      margin: 0 0 20px !important

    blockquote p 
      margin: 0 !important

  &.single
    article a
      text-decoration: underline

header
    margin: auto
    padding-top: 1rem
    padding-bottom: 1.5rem
    max-width: 80%

    h1
      color: $accent
    h2
      margin-top: -1rem
    h2, h3
      font-weight: normal
    h3
      font-size: 1.3rem
      color: grey

time
  color: grey

kbd
  color: $accent
  border: 1px solid $accent
  font-size: 1rem
  padding: 2px 4px
  border-radius: 3px
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)