| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| /* Slide styling */ | |
| .slide { | |
| margin-bottom: 2rem; | |
| border-radius: 0.5rem; | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); | |
| overflow: hidden; | |
| } | |
| .slide-title { | |
| background-color: #4f46e5; | |
| color: white; | |
| padding: 1rem; | |
| font-size: 1.5rem; | |
| font-weight: 600; | |
| } | |
| .slide-content { | |
| padding: 1.5rem; | |
| background-color: white; | |
| } | |
| /* Markdown content styling */ | |
| #slides-preview h1 { | |
| font-size: 2rem; | |
| font-weight: 700; | |
| margin-bottom: 1rem; | |
| color: #1f2937; | |
| } | |
| #slides-preview h2 { | |
| font-size: 1.5rem; | |
| font-weight: 600; | |
| margin-bottom: 0.75rem; | |
| color: #1f2937; | |
| } | |
| #slides-preview p { | |
| margin-bottom: 1rem; | |
| color: #4b5563; | |
| line-height: 1.6; | |
| } | |
| #slides-preview ul, #slides-preview ol { | |
| margin-bottom: 1rem; | |
| padding-left: 1.5rem; | |
| } | |
| #slides-preview li { | |
| margin-bottom: 0.5rem; | |
| color: #4b5563; | |
| } | |
| /* Transition effects */ | |
| button, a { | |
| transition: all 0.2s ease-in-out; | |
| } |