@import "tailwindcss";

/* Custom styles for the website */
@layer components {
  .website-container {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
  }
  
  .website-hero {
    @apply min-h-screen bg-gray-100 flex items-center justify-center;
  }
  
  .website-hero-content {
    @apply text-center max-w-2xl;
  }
}