@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
.preview {
  font-size: 17px;
  font-family: roboto;
  color: #333;
  overflow: auto;
  box-sizing: border-box;
  line-height: 1.5;
  padding: 1.5rem 4rem;
  overflow-wrap: break-word; }
  .preview img {
    max-width: 100%;
    vertical-align: bottom; }
  .preview ul,
  .preview ol {
    padding-left: 2rem;
    margin-bottom: 1.5rem; }
    .preview ul li ul,
    .preview ul li ol,
    .preview ol li ul,
    .preview ol li ol {
      margin-bottom: 0; }
  .preview h1 {
    margin-bottom: 2rem; }
  .preview h2 {
    font-size: 1.5em;
    font-family: roboto;
    margin-bottom: 1em; }
  .preview h3 {
    margin-bottom: 1rem; }
  .preview p,
  .preview blockquote,
  .preview iframe {
    font-size: 17px;
    margin-bottom: 1.5em; }
  .preview a {
    color: #0366d6;
    text-decoration: none; }
    .preview a:hover {
      text-decoration: underline; }
  .preview hr {
    border: none;
    border-top: 1px solid #ddd;
    margin-bottom: 1rem; }
  .preview pre {
    background: #eee;
    padding: 1rem;
    margin-bottom: 2rem;
    overflow-x: auto; }
    .preview pre code {
      padding: 0; }
  .preview code {
    background: #eee;
    padding: 0 .5rem; }
  .preview blockquote {
    border-left: .2rem solid #eee;
    padding-left: 1rem;
    margin-bottom: 2rem; }
  .preview > *:last-child {
    margin-bottom: 0; }