.card {
  display: block;
  padding: 2rem;
  border-radius: .5rem;
  transition: transform .2s;
  border: 1px solid var(--color-black);
}

.card:hover {
  transform: translateY(-2px);
}

.card-header {
  margin-bottom: 1rem;
}

.card-title {
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: bold;
}

.card-text {
  color: var(--color-text-light);
  line-height: 1.5;
}