input.css

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

@layer components {
  .exp-button-nav {
    @apply bg-exp-black;
    @apply text-exp-white;
    @apply py-2 pt-1 px-4;
    /* @apply border-solid; */
    /* @apply border-2; */
    /* @apply border-exp-black; */
    @apply rounded-full;
    @apply hover:bg-exp-blue;
    /* @apply hover:text-exp-black; */
    @apply transition-colors;
    @apply shadow-sm;
  }

  .exp-button-outline {
    @apply inline-block;
    @apply text-exp-white;
    @apply py-2 pt-1 px-6;
    @apply border-solid;
    @apply border-2;
    @apply border-exp-white;
    @apply rounded-full;
    @apply hover:bg-exp-white;
    @apply hover:text-exp-blue;
    @apply text-2xl;
    @apply shadow-lg;
    @apply transition-colors;
  }

  .exp-button-outline-black {
    @apply exp-button-outline;
    @apply border-exp-black;
    @apply text-exp-black;
    @apply hover:text-exp-blue;
    @apply hover:bg-exp-black;
  }

  .exp-nav-link {
    @apply hover:text-exp-blue;
  }

  .exp-hero-background {
    @apply bg-exp-blue;
    @apply bg-cover;
    @apply bg-no-repeat;
    @apply bg-right-top;
  }
}