.article-typography {
  font-weight: 300;

  table {
    border: 1px solid #EEE;
    border-radius: 4px;
    table-layout:fixed;
    width: 100%;
    max-width: 100%;
    word-wrap: break-word;
    border-collapse: collapse;

    code {
      padding: 2px 4px;
      color: #c7254e;
      background-color: #f9f2f4;
      border-radius: 4px;
    }
  }

  td, th {
    padding: 8px;
    border: 1px solid #ddd;
  }

  h1 {
    margin-top: 1em;
    margin-bottom: 1.5em;
    text-align: center;
  }

  h2 {
    margin-top: 2.5em;
    margin-bottom: 1em;
  }

  h3 {
    margin-top: 2em;
    margin-bottom: 1em;
  }

  h3, h4, h5 {
    font-weight: 500;
  }

  img {
    max-width: 100%;
  }

  ul, ol {
    padding-left: 1em;
  }

  ul {
    list-style-type: disc;
  }

  ul ul {
    list-style-type: circle;
  }

  a {
    color: rgba(70, 130, 190, 1);
    text-decoration: none;
    word-wrap: break-word;

    &:hover {
      text-decoration: underline;
    }

    &:active {
      color: rgba(140, 90, 190, 1);
    }
  }

  ol {
    list-style-type: decimal;
  }

  p {
    margin-bottom: 15px;
  }

  pre {
    padding: 1em;
    margin: 1em 0;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    overflow: auto;
    font-size: 1.1em;
    color: #747576;
  }
}