.article-container
  word-wrap: break-word
  overflow-wrap: break-word
  color: #4a473e
  
  h1, h2, h3, h4, h5, h6
    color: black
    margin-left: -0.6em

  hr
    border: 1.3px solid rgba(0,0,0,0.16)
    width: 108%
    margin-left: -4%

  figure
    margin: 0
    font-size: 16px
    pre
      padding: 0 10px;
      padding-right: 10px
      padding-left: 10px
      font-family: 'Consolas', 'Courier New', Courier, monospace
    td.gutter
      background-color: rgb(177, 171, 143)
      color: rgb(251, 244, 214)
      text-align: right
      user-select: none
    td.code
      background-color: rgb(243, 240, 227)
      width: 100%

  table
    display: block;
    overflow: scroll;
    border: none;
    border-collapse: collapse
    td
      padding: 0
      border: none

  code
    font-family: 'Consolas', 'Courier New', Courier, monospace
    font-size: 16px
    padding: 2px
    background: rgb(209, 213, 208)
    color: rgb(74, 71, 62)
    border-radius: 6px

  blockquote
    background-color: rgba(189, 203, 215, 0.53)
    color: rgb(74, 71, 62)
    margin: 0 0 16px 0;
    padding: 2px 24px
    justify-content: center
    display: flex
    flex-direction: column
    border-left: 4px solid rgb(74, 71, 62)
    font-size: 16px
    p
      margin: 16px 0
    code
      background: rgba(180, 175, 154, 0.45)

  a
    text-decoration: none
    color: rgb(61, 70, 196)
    &:hover
      text-decoration: underline

  img
    display: block
    margin: 20px auto 20px
    max-width: 100%

  p
    margin: 0
    line-height: 2em

  iframe
    margin: 0 0 20px

  ul
    margin: 0

  ol, ul
    ol, ul
      padding-left: 20px
    li
      margin:8px 0
      line-height: 1.5em
    p
      margin: 0 0 8px
      line-height: 1.5em

  > :last-child
    margin-bottom: 0 !important

  ol, ul
    p
      margin: 0 0 8px

  li
    &::marker
      transition: all 0.2s linear 0s
      font-weight: 600
      font-size: 1.05em

    &:hover
      &::marker
        color: #27af05

  ul > li
    list-style-type: circle