| * { |
| margin: 0; |
| padding: 0; |
| box-sizing: border-box; |
| } |
|
|
| html, body { |
| height: 100%; |
| } |
|
|
| body { |
| font-family: 'Inter', -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; |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); |
| } |
|
|
| #root { |
| height: 100%; |
| } |
|
|
| code { |
| font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', |
| monospace; |
| } |
|
|
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: rgba(255, 255, 255, 0.1); |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: rgba(102, 126, 234, 0.6); |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: rgba(102, 126, 234, 0.8); |
| } |
|
|
| |
| @keyframes spin { |
| from { |
| transform: rotate(0deg); |
| } |
| to { |
| transform: rotate(360deg); |
| } |
| } |
|
|
| .animate-spin { |
| animation: spin 1s linear infinite; |
| } |
|
|
| |
| @media (max-width: 768px) { |
| html { |
| font-size: 14px; |
| } |
|
|
| html, body { |
| overflow: auto !important; |
| height: auto !important; |
| } |
| } |
|
|
| @media (max-width: 480px) { |
| html { |
| font-size: 12px; |
| } |
| } |
|
|
