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

@font-face {
  font-family: "Delicious Handrawn";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("/assets/DeliciousHandrawn-Regular-2913badc.woff2") format('woff2'),
      url("/assets/DeliciousHandrawn-Regular-6c493fcd.woff") format('woff');
}

@font-face {
  font-family: YesevaOne;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/yesevaone-regular-webfont-07d682e5.woff2") format("woff2"),
      url("/assets/yesevaone-regular-webfont-211ae02c.woff") format('woff');
}

@font-face {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/montserrat-regular-webfont-555dc6e2.woff2") format("woff2"),
      url("/assets/montserrat-regular-webfont-8dbf8984.woff") format("woff");
}

@layer components {
  .btn {
    @apply py-3 px-8 font-bold transition-colors duration-300 text-lg;
  }
  
  .btn--outline {
    @apply border-2 border-white text-white hover:bg-white hover:text-black;
  }

  .btn--primary {
    @apply bg-primary border-2 border-primary hover:border-primary-dark hover:bg-primary-dark  text-white font-bold  transition-colors duration-300 text-lg;
  }
}