Update app.py

Adding description using gr.markdown

app.py

@@ -7,34 +7,19 @@ import os
 openai.api_key = os.environ.get('OPENAI_API_KEY')
 
 css = """
-        .gr-button {
-            white-space: nowrap;
+      #col-container {max-width: 80%; margin-left: auto; margin-right: auto;}
+      #header {text-align: center;}
         }
 """
-ui = gr.Blocks(css=css)
-with ui:
-    
-    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; line-height: normal;">
-            Talk to AI Steve Jobs: Audio-to-Text+Audio generation
-            </h1>
-                </div>
-            </div>
-            <p>
-            Have a back-and-forth conversation with AI Steve Jobs, powered by ChatGPT + Whisper + ElevenLabs + HuggingFace
-            <br/>
-            <p/>
-        """)
+with gr.Blocks(css=css) as ui:
+
+    with gr.Column(elem_id="col-container"):
+    gr.Markdown("""## Talk to AI Steve Jobs: Audio-to-Text+Audio generation
+                    Powered by ChatGPT + Whisper + ElevenLabs + HuggingFace <br>
+                    <br>
+                    """,
+                    elem_id="header")
+
     
 messages = [{"role": "system", "content": 'You are Steve Jobs. Respond to all input in 25 words or less.'}]