/* Reset the background from the pink test */
body {
  background: #ffffff;
}

/* Give each post on the homepage a card look */
.quarto-post {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.5rem 2rem;
  margin-bottom: 2.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

/* Slight lift on hover to feel interactive */
.quarto-post:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
  transform: translateY(-2px);
}

/* Make sure the main content area isn’t glued to the navbar */
main.content {
  padding-top: 2rem;
}

/* Optional: tighten up post description text */
.quarto-post .quarto-post-description {
  margin-top: 0.5rem;
  font-size: 1.05rem;
}