@font-face {
  font-family: Handicrafts;
  src: url('./fonts/TheYearofHandicrafts-Regular.otf');
  font-weight: 400;
}

@font-face {
  font-family: Handicrafts;
  src: url('./fonts/TheYearofHandicrafts-Medium.otf');
  font-weight: 500;
}

@font-face {
  font-family: Handicrafts;
  src: url('src/fonts/TheYearofHandicrafts-SemiBold.otf');
  font-weight: 600;
}

@font-face {
  font-family: Handicrafts;
  src: url('./fonts/TheYearofHandicrafts-Bold.otf');
  font-weight: 700;

}

@font-face {
  font-family: Handicrafts;
  src: url('./fonts/TheYearofHandicrafts-Black.otf');
  font-weight: 900;
}

@theme {
  --font-sans: 'Handicrafts', sans-serif;
}

.tab-btn {
  @apply py-5 text-lg border border-white rounded-2xl bg-black/40 
         hover:text-[#F4A6B6] hover:border-[#F4A6B6] transition;
}

.active-tab {
  @apply text-[#F4A6B6] border-[#F4A6B6] bg-black/60;
}

@import "tailwindcss";