| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); |
| @import "tailwindcss"; |
|
|
| @custom-variant dark (&:where(.dark, .dark *)); |
|
|
| @theme { |
| --font-sans: 'Poppins', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; |
| } |
|
|
| |
| :root { |
| --color-blue-600: #0ea5e9; |
| --color-blue-500: #38bdf8; |
| --color-blue-100: #e0f2fe; |
| } |
|
|
| |
| .dark { |
| --color-blue-600: #2563eb; |
| --color-blue-500: #3b82f6; |
| --color-blue-100: #dbeafe; |
| } |
|
|
| |
| .scrollbar-none { |
| -ms-overflow-style: none; |
| scrollbar-width: none; |
| } |
| .scrollbar-none::-webkit-scrollbar { |
| display: none; |
| } |
|
|
| |
| .pb-safe { |
| padding-bottom: max(8px, env(safe-area-inset-bottom)); |
| } |
|
|
| |
| @keyframes slideFromLeft { |
| from { transform: translateX(-40px); opacity: 0; } |
| to { transform: translateX(0); opacity: 1; } |
| } |
| @keyframes slideFromRight { |
| from { transform: translateX(40px); opacity: 0; } |
| to { transform: translateX(0); opacity: 1; } |
| } |
| .slide-in-right { |
| animation: slideFromRight 0.25s ease forwards; |
| } |
| .slide-in-left { |
| animation: slideFromLeft 0.25s ease forwards; |
| } |
|
|
