@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply bg-white text-gray-900 antialiased;
  }
}

@layer utilities {
  .text-shadow-red {
    text-shadow: 0 0 20px rgba(200, 16, 46, 0.5);
  }

  .shadow-red-glow {
    box-shadow: 0 0 40px rgba(200, 16, 46, 0.3);
  }

  .shadow-red-strong {
    box-shadow: 0 8px 32px rgba(200, 16, 46, 0.4);
  }
}

@media (max-height: 750px){
    body{zoom: 0.8;}
}