smaller headings on dark background

main.py

@@ -67,7 +67,7 @@ async def index_page(client: Client):
         '''):
         link_target('about')
         with ui.column().classes('text-white max-w-4xl'):
-            heading('Interact with Python through buttons, dialogs, 3D scenes, plots and much more.')
+            heading('Interact with Python through buttons, dialogs, 3D scenes, plots and much more.')
             with ui.column().classes('gap-2 bold-links arrow-links text-lg'):
                 ui.markdown(
                     'NiceGUI handles all the web development details for you. '

website/style.py

@@ -15,7 +15,7 @@ def section_heading(subtitle: str, title: str) -> None:
 
 
 def heading(title: str) -> ui.label:
-    return ui.label(title).classes('text-3xl md:text-4xl xl:text-5xl font-medium text-white')
+    return ui.markdown(title).classes('text-2xl md:text-3xl xl:text-4xl font-medium text-white')
 
 
 def title(content: str) -> ui.markdown: