37 lines
801 B
CSS
37 lines
801 B
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-iris-purple: #6366f1;
|
|
--color-iris-purple-dark: #4f46e5;
|
|
--color-iris-blue: #3b82f6;
|
|
--color-iris-green: #10b981;
|
|
--color-iris-yellow: #f59e0b;
|
|
--color-iris-red: #ef4444;
|
|
}
|
|
|
|
@source "../**/*.{js,ts,jsx,tsx,mdx}";
|
|
|
|
body {
|
|
font-family: 'Inter', system-ui, sans-serif;
|
|
}
|
|
|
|
.gradient-rainbow {
|
|
background: linear-gradient(90deg, #ef4444, #f59e0b, #eab308, #22c55e, #3b82f6, #8b5cf6);
|
|
}
|
|
|
|
.text-gradient {
|
|
background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #3b82f6 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
.animate-float {
|
|
animation: float 3s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes float {
|
|
0%, 100% { transform: translateY(0); }
|
|
50% { transform: translateY(-10px); }
|
|
}
|