body {
  background-color: #f8f9fa;
}

.hero {
  background: linear-gradient(to right, #6f42c1, #d63384);
  color: white;
  padding: 80px 20px;
  text-align: center;
}

.custom-card {
  transition: transform 0.3s ease-in-out;
}

.custom-card:hover {
  transform: scale(1.05);
}