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

.UIScroll {
    @apply [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:rounded-full [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-zinc-400 dark:[&::-webkit-scrollbar-thumb]:bg-zinc-800;
}

.animate-spiner {
    @apply animate-spin [animation-duration:25s];
}

@media (hover: none) and (pointer: coarse) {
    .UIScroll::-webkit-scrollbar {
        width: 0px !important;
    }
}

.section-title {
    @apply text-2xl md:text-3xl lg:text-4xl;
}

@tailwind utilities;