@import url("https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;700&display=swap");

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

body {
  @apply bg-gradient-to-br from-custom-bglight to-custom-bgdark;
}

.hero-text {
  @apply font-medium text-5xl lg:text-7xl xl:text-8xl;
}

.header-text {
  @apply mt-20 lg:mt-48 text-3xl md:text-5xl xl:text-7xl text-center;
}

.sub-header-text {
  @apply italic font-thin block text-sm mx-10 md:text-2xl mt-5 text-gray-400;
}

.form-input {
  @apply rounded-xl px-4 py-2 mt-2 bg-gray-bg border-solid border border-gray-300 text-sm md:text-lg;
}

.gold-text {
  @apply bg-clip-text text-transparent bg-gradient-to-br from-gold-light to-gold-dark;
}