/* You can add global styles to this file, and also import other style files */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Space+Grotesk:wght@300..700&display=swap");

@import "tailwindcss";

@theme {
  /* This overrides the default 'sans' font stack with Geist */
  --font-sans:
    "Geist", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol", "Noto Color Emoji";
  --font-space: "Space Grotesk", sans-serif;
}

.wrapper {
  @apply px-5 sm:px-15;
}

.btn-ghost {
  @apply text-gray-600 flex justify-center border border-gray-300  rounded-full hover:bg-gray-800 hover:text-gray-200 transition-all duration-200 ease-out;
}