.blog-header,
.blog-post,
.blog-pagination {
  margin-bottom: 2rem;
}

/* Make sure the image size is reasonable. */
.blog-post img {
  max-width: 100%;
}

.container{
    max-width:800px;
}

body {
  min-height: 100vh;
  background-color: white;
}

@media all and (max-width: 1500px) { /* screen size until 1500px */
    body {
        font-size: 1.0em; /* 1.5x default size */
    }
}
@media all and (max-width: 1000px) { /* screen size until 1000px */
    body {
        font-size: 1.0em; /* 1.2x default size */
        }
    }
@media all and (max-width: 500px) { /* screen size until 500px */
    body {
        font-size: 0.5em; /* 0.8x default size */
        }
    }