div.blog-card {
  width: 20.4375em;
  height: auto;
  box-sizing: border-box;
  padding: 1.438rem;
  box-shadow: 8px 8px var(--bs-black);
}

span.card-tag {
  font-size: x-small;
}

span.card-date {
  font-size: 0.75rem;
}

h1.card-title {
  font-size: 1.125rem;
}

h1.card-title:focus {
  color: var(--bs-primary);
}

.blog-card {
  color: rgba(var(--bs-body-color-rgb));
}

.blog-card:hover h1 {
  color: var(--bs-primary);
}

p.card-description {
  font-size: 0.8rem;
}

@media (min-width: 1440px) {
  div.blog-card {
    width: 24em;
  }
}

@media (min-width: 1440px) {
  h1.card-title {
    font-size: 1.375rem;
  }
}

@media (min-width: 1440px) {
  p.card-description {
    font-size: 1rem;
  }
}