Update the header

app.py

@@ -38,7 +38,24 @@ css = """
 """
 
 with gr.Blocks(css=css) as demo:
-    gr.Markdown("<div class='header-title'>Fair Compute Llama-2 Chat</div>")
+    gr.HTML(
+        """
+            <div style="text-align: center; max-width: 650px; margin: 0 auto; padding-top: 7px;">
+              <div
+                style="
+                  display: inline-flex;
+                  align-items: center;
+                  gap: 0.8rem;
+                  font-size: 1.75rem;
+                "
+              >
+                <h1 style="font-weight: 900; margin-bottom: 7px;">
+                  Fair Compute Llama-2 Chat
+                </h1>
+              </div>
+            </div>
+        """
+    )
     
     with gr.Row():
         prompt = gr.Textbox(label="Enter your prompt")
@@ -48,7 +65,7 @@ with gr.Blocks(css=css) as demo:
 
     submit_button.click(fn=get_text_response, inputs=prompt, outputs=output)
     clear_button.click(fn=clear_chat, inputs=[], outputs=[prompt, output])
-    gr.Markdown(
+    gr.HTML(
         """
         <div class="acknowledgments">
             <p>Run AI models on your home computers, powered by <a href="https://faircompute.com/" style="text-decoration: underline;" target="_blank">FairCompute</a></p>