tailwind.css

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,800;1,400&display=swap");

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

h1,
h2,
h3,
h4,
h5,
h6 {
  @apply font-main font-bold text-red p-10;
}

a {
  @apply font-main;
}

.container {
  @apply w-2/3 mx-auto p-10 h-auto text-snow;
}

.btn {
  @apply rounded-full bg-red text-snow py-2 px-6 text-2xl font-main font-bold cursor-pointer tracking-wider transition duration-500 ease-in-out transform hover:-translate-y-1 hover:scale-110;
}

.anchor {
  @apply block h-10 bg-red text-snow my-2 px-5 leading-10 rounded-r-full hover:bg-cyan hover:text-darker;
}

.card {
  @apply rounded bg-dark shadow-md overflow-hidden relative;
}

.highlight {
  @apply rounded-lg bg-cyan text-darker font-bold px-2;
}

.form-container {
  @apply rounded bg-darker shadow-md overflow-hidden relative;

}

.form-fields  {
  @apply bg-dark text-snow placeholder-secondary
}