body .card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.25em;
  padding: 0.5em 1em;
  background-color: white;
  border: 1px solid var(--dark-grey-light);
  border-radius: 8px;
  box-shadow: 5px 5px 1px var(--light-grey-light);
}

body .card a {
  color: inherit;
}

body .subtitle {
  color: var(--dark-grey-light);
  font-size: 0.9em;
}

@media (prefers-color-scheme: dark) {
  body .card {
    background-color: black;
    border: 1px solid var(--light-grey-dark);
    box-shadow: 5px 5px 1px var(--dark-grey-dark);
  }

  body .card .subtitle {
    color: var(--light-grey-dark);
  }
}