34 lines
629 B
CSS
34 lines
629 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
html {
|
|
@apply bg-black text-white antialiased;
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
::selection {
|
|
@apply bg-white text-black;
|
|
}
|
|
}
|
|
|
|
/* Page transitions */
|
|
.page-enter-active,
|
|
.page-leave-active {
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
|
|
.page-enter-from,
|
|
.page-leave-to {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* Staggered animation delays */
|
|
.delay-100 { animation-delay: 0.1s; }
|
|
.delay-200 { animation-delay: 0.2s; }
|
|
.delay-300 { animation-delay: 0.3s; }
|
|
.delay-400 { animation-delay: 0.4s; }
|
|
.delay-500 { animation-delay: 0.5s; }
|
|
.delay-600 { animation-delay: 0.6s; }
|