h1 {
  margin-bottom: 40px;
}

h2 {
  font-weight: 300;
  font-size: 1.2rem;
  margin-bottom: 4px;
}

ul li {
  margin-top: 20px;
  /* text-align: center; */
}

label[for="blog-search"] {
  color: var(--secondary)
}

#blog-search {
  padding: 8px;
  background-color: var(--tertiary);
  border: 1px solid var(--primary);
  color: var(--primary)
}

.blog-posts-container {
  margin-top: 20px;
  width: 100%;
}

.blog-post {
  display: flex;
  flex-direction: column;
}

.blog-post a {
  width: max-content;
}

.blog-post-date {
  color: var(--secondary);
  font-size: 0.8rem;
  margin-top: -4px;
}