Center the header (#14)

- center the title (a26cc2f2f000faf0d21ff13be88902d488d2266e)


Co-authored-by: Mishig Davaadorj <[email protected]>

app.py

@@ -44,14 +44,24 @@ css = '''
 '''
 
 with gr.Blocks(css=css) as demo:
-    gr.Markdown(
-        """
-        ## Stable Diffusion Prism 🎆🌌
-        
-        Sends an image in to [CLIP Interrogator](https://huggingface.co/spaces/pharma/CLIP-Interrogator)
-        to generate a text prompt which is then run through Stable Diffusion to generate new forms of the original!        
-        """
-    )
+    gr.HTML("""<div style="text-align: center; max-width: 700px; margin: 0 auto;">
+            <div
+            style="
+                display: inline-flex;
+                align-items: center;
+                gap: 0.8rem;
+                font-size: 1.75rem;
+            "
+            >
+            <h1 style="font-weight: 900; margin-bottom: 7px;">
+                Stable Diffusion Prism 🎆🌌
+            </h1>
+            </div>
+            <p style="margin-bottom: 10px; font-size: 94%">
+            Sends an image in to <a href="https://huggingface.co/spaces/pharma/CLIP-Interrogator" target="_blank">CLIP Interrogator</a>
+            to generate a text prompt which is then run through Stable Diffusion to generate new forms of the original! 
+            </p>
+        </div>""")
 
     with gr.Row():
       with gr.Column():