/* Custom styles to complement Tailwind CSS */
body {
  font-family: 'Inter', sans-serif;
}

header {
  transition: all 0.3s ease;
}

nav a.active {
  @apply text-blue-600 font-bold;
}

.hero img {
  max-width: 600px;
}

@media (max-width: 768px) {
  .hero img {
    max-width: 100%;
  }
}