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

@layer base {
    [x-cloak] {
        display: none !important;
    }

    html {
        scroll-behavior: smooth;
    }

    body {
        @apply bg-slate-50 text-slate-900;
        font-family: "Inter", sans-serif;
    }

    .font-display,
    h1,
    h2,
    h3,
    h4 {
        font-family: "Inter", sans-serif;
    }
}