@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;1000&display=swap");
@import url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css");
@import url("lucide-static/font/lucide.css");

@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind forms;
@tailwind typography;

html {
    @apply relative scroll-smooth;
}

body {
    @apply overflow-x-hidden bg-base-100 font-body text-sm text-base-content antialiased;
}

:target {
    @apply lg:scroll-mt-0 scroll-m-12;
}