| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
|
|
| body { |
| font-family: 'Inter', sans-serif; |
| } |
|
|
| .prose { |
| color: #374151; |
| } |
|
|
| .prose-dark { |
| color: #e5e7eb; |
| } |
|
|
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| height: 8px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: #f1f1f1; |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: #888; |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: #555; |
| } |
|
|
| .dark ::-webkit-scrollbar-track { |
| background: #374151; |
| } |
|
|
| .dark ::-webkit-scrollbar-thumb { |
| background: #6b7280; |
| } |
| .dark ::-webkit-scrollbar-thumb:hover { |
| background: #9ca3af; |
| } |
|
|
| |
| .prose { |
| max-width: 65ch; |
| font-size: 1rem; |
| line-height: 1.75; |
| } |
|
|
| .prose h1, |
| .prose h2, |
| .prose h3, |
| .prose h4 { |
| color: inherit; |
| font-weight: 600; |
| margin-top: 1.5em; |
| margin-bottom: 0.5em; |
| } |
|
|
| .prose h1 { |
| font-size: 2em; |
| } |
|
|
| .prose h2 { |
| font-size: 1.5em; |
| } |
|
|
| .prose h3 { |
| font-size: 1.25em; |
| } |
|
|
| .prose p { |
| margin-top: 1em; |
| margin-bottom: 1em; |
| } |
|
|
| .prose ul, |
| .prose ol { |
| margin-top: 1em; |
| margin-bottom: 1em; |
| padding-left: 1.5em; |
| } |
|
|
| .prose li { |
| margin-top: 0.5em; |
| margin-bottom: 0.5em; |
| } |
|
|
| .prose a { |
| color: #6366f1; |
| text-decoration: none; |
| } |
|
|
| .prose a:hover { |
| text-decoration: underline; |
| } |
|
|
| .prose-dark a { |
| color: #8b5cf6; |
| } |
|
|
