.formatted-markdown{
  padding: 1em;
  &.preview{

  background: $dark-text-color;
  margin-top: 0.5em;
  }

  h1,h2,h3,h4,h5,h6{
    display:block;
    &:first-letter{
      text-transform: uppercase;
    }
  }
  h1{
    font-size: 1.5rem;
    margin-bottom: 1em;
    margin-top: 1.5em;
    font-weight: 500;
  }
  h2{
    font-size: 1.25rem;
    margin-bottom: 1em;
    margin-top: 1.25em;
    font-weight: 400;
  }
  h3{
    font-size: 1rem;
    margin-bottom: 1em;
    font-weight: 300;
  }
  h4{
    font-size: 0.85rem;
    margin-bottom: 1em;
  }
  h5{
    font-size: 0.75rem;
    margin-bottom: 1em;
  }
  h6{
    font-size: 0.70rem;
    margin-bottom: 1em;
  }
  strong{
    font-weight:700;
  }
  i{
    font-style: italic;
  }
  a {
    color: $primary-text-color;
  }
  em{
    background: $darker-text-color;
    padding: 0.25em;
  }
}