| @tailwind base; |
| @tailwind components; |
| @tailwind utilities; |
|
|
| @keyframes blink { |
| 0%, 80%, 100% { |
| opacity: 0; |
| } |
| 40% { |
| opacity: 1; |
| } |
| } |
| .animate-blink { |
| animation: blink 1.4s infinite; |
| animation-fill-mode: both; |
| } |
|
|
| * { |
| margin: 0; |
| padding: 0; |
| box-sizing: border-box; |
| } |
|
|
| body { |
| font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', |
| 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', |
| sans-serif; |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale; |
| } |
|
|
| code { |
| font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', |
| monospace; |
| } |
|
|
|
|
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| height: 8px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: #1f2937; |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: #4b5563; |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: #6b7280; |
| } |
|
|
| |
| * { |
| transition-property: background-color, border-color, color, fill, stroke; |
| transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); |
| transition-duration: 150ms; |
| } |
|
|
| |
| @keyframes fadeIn { |
| from { |
| opacity: 0; |
| transform: translateY(10px); |
| } |
| to { |
| opacity: 1; |
| transform: translateY(0); |
| } |
| } |
|
|
| .animate-fadeIn { |
| animation: fadeIn 0.3s ease-out; |
| } |
