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

@layer components {
    .btn {
      @apply px-6 py-2 text-white font-semibold text-lg rounded-full bg-gradient-radial from-red-600 via-red-700 to-red-800 shadow-lg transform transition duration-300 ease-in-out hover:scale-105 hover:from-red-700 hover:via-red-800 hover:to-red-900;
    }
    .single-dash {
      @apply text-primary font-bold text-sm tracking-wide uppercase mb-2 relative before:content-['—'] before:mr-2;
    }
    .double-dash {
      @apply text-center text-primary font-bold tracking-wide text-sm uppercase mb-2 relative before:content-['—'] after:content-['—'] before:mr-2 after:ml-2;
    }
  }
  
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Badeen+Display&family=Exo:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');