/* card layout */
.cards {
  margin-top: 10px;
  column-width: 450px;
  column-gap: 1rem;
}

.card {
  background: var(--card-bg);
  border: 2px solid var(--card-border);
  box-shadow: 0 4px 8px 0 rgb(255 255 255 / 25%);
  border-radius: 8px;
  padding: .5rem;
  display: inline-block;
  width: 100%;
  break-inside: avoid;
  margin: 0 0 1rem;
}

.card .container {
  padding: 2px 16px;
}

@media (width <= 600px) {
  .cards {
    column-count: 1;
  }
}

.card h3:first-of-type { margin-top: 0; }

.job {
    margin-bottom: 3rem;
}