/** blog post list **/

.posts-container {
  width: 284px;
  margin-left: 16px;
}

.post {
  width: 284px;
}

.post-link {
  display: flex; /* Makes the anchor tag fill its parent container */
  grid-gap: 16px;
  width: 100%; /* Ensures the link takes the full width */
  height: 100%; /* Ensures the link takes the full height */
  text-decoration: none; /* Removes default link underline */
  color: inherit; /* Inherits text color from parent */
  cursor: pointer; /* Ensures the cursor changes to a pointer (hand icon) */
}

.post-list-date {
  font-family: "Arimo", sans-serif;
  width: 134px;
  font-weight: 300;
}

.post-list-title {
  font-size: 16px;
  width: 134px;
}

@media (min-width: 766px) {
  .posts-container {
    margin-left: 166px;
  }
}

/** indvidual blog post **/

.post-container {
  margin-left: 16px;
  width: 284px;
}

.post-text {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 766px) {
  .post-container {
    margin-left: 166px;
    width: 584px;
  }
}