@import "fonts.css";
@import "@glidejs/glide/dist/css/glide.core.min.css";

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

@layer base {
    html,body {
        @apply font-montserrat;
    }
}

@layer components {
    .form-input {
        @apply mt-1 block w-full border-slate-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200/50;
    }

    .form-select {
        @apply mt-1 block w-full border-slate-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200/50;
    }
}

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