@tailwind base;
.centerSom {
  @apply absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2;
}
.centerVertical {
  @apply top-1/2 transform -translate-y-1/2;
}
.centerHorizontal {
  @apply left-1/2 transform -translate-x-1/2;
}
.button-shadow {
  @apply transition duration-200 ease-in-out hover:shadow-xl transform hover:-translate-y-2 hover:scale-105;
}
.box-shadow {
  @apply transition duration-200 ease-in-out hover:shadow-lg transform hover:-translate-y-2 hover:scale-105;
}
.menu-shadow {
  @apply transition duration-200 ease-in-out  transform hover:-translate-y-2 hover:scale-105;
}
.center-button-shadow {
  @apply absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 transition duration-200 ease-in-out   hover:scale-105;
}
.testBorder1 {
  @apply border border-black;
}
.testBorder2 {
  @apply border border-white;
}
.fontPoppins {
  font-family: "Poppins", sans-serif;
}
.fontPadauk {
  font-family: "Padauk", sans-serif;
}
.polygon {
  clip-path: polygon(0 0, 100% 100%, 0 100%);
}
@tailwind components;
@tailwind utilities;