form#blog_post_form {
  display: flex;
  flex-direction: column;
  max-width: 55em;

  > h2 {
    width: 100%;
  }

  > trix-toolbar {
    max-width: 95%;
  }

  > trix-editor {
    width: 95%;
    > ul {
      list-style-type: disc;
    }
  }

  input[type=text] {
    width: 95%;
  }

  > input[type=submit] {
    width: 95%;
  }
}

.blog_post {
  margin: 1em auto;
  padding: .5em;
  background-color: var(--inset-background-color);
  grid-column: 2;
  grid-row: 1;

  > .created_at {
    text-align: right;
    font-size: .8em;
  }

  h1 {
    font-size: 2em;
  }
}

ul#blog_posts {
  list-style-type: none;
}
