/* css styles */
/* Target the standard card class generated by Quarto */
.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Apply the hover effect */
.card:hover {
  transform: translateY(-5px); /* Moves the card up by 5px */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15) !important; /* Adds a soft drop shadow */
}