for the final character profile, use AI to fill in the gaps and make it more complex
15e766f verified | /* Custom animations */ | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(20px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .fade-in { | |
| animation: fadeIn 0.5s ease-out forwards; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #f1f1f1; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #888; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #555; | |
| } | |
| /* Text selection */ | |
| ::selection { | |
| background: rgba(79, 70, 229, 0.3); | |
| } | |
| /* AI-enhanced profile styling */ | |
| .prose { | |
| line-height: 1.6; | |
| color: #374151; | |
| } | |
| .prose h3 { | |
| font-size: 1.25rem; | |
| font-weight: 600; | |
| color: #1e1b4b; | |
| margin: 1.5rem 0 0.5rem 0; | |
| } | |
| .prose p { | |
| margin-bottom: 1rem; | |
| } | |
| .prose ul { | |
| list-style-type: disc; | |
| padding-left: 1.25rem; | |
| margin-bottom: 1rem; | |
| } | |
| .prose li { | |
| margin-bottom: 0.5rem; | |
| } | |