Update app.py

app.py

@@ -226,7 +226,6 @@ custom_css = """
   max-width: 1200px !important;
   margin: 0 auto !important;
 }
-
 #generate-btn {
   font-size: 18px;
   color: white;
@@ -237,11 +236,25 @@ custom_css = """
   background: linear-gradient(90deg, hsla(268, 90%, 68%, 1) 0%, hsla(260, 72%, 70%, 1) 50%, hsla(247, 73%, 65%, 1) 100%);
   transition: background 1s ease;
 }
-
 #generate-btn:hover {
   color: white;
   background: linear-gradient(90deg, hsla(268, 90%, 78%, 1) 0%, hsla(260, 72%, 80%, 1) 50%, hsla(247, 73%, 75%, 1) 100%);
 }
+
+#container .prose {
+  text-align: center !important;
+}
+
+#container h1 {
+  font-weight: bold;
+  font-size: 40px;
+  margin: 0px;
+}
+
+#container p {
+  font-size: 18px;
+  text-align: center;
+}
 """
 
 with gr.Blocks(
@@ -253,8 +266,8 @@ with gr.Blocks(
     )
 ) as iface:
     with gr.Column(elem_id="container"):
-        gr.Markdown("<h1 style='font-weight: bold; text-align: center; font-size: 40px; margin: 0px;'>nanoMPC</h1>")
-        gr.Markdown("<p style='text-align: center; font-size: 18px;'>nanoMPC is a MIDI transformer model that generates lo-fi and boom bap beats.</p>")
+        gr.Markdown("<h1>nanoMPC</h1>")
+        gr.Markdown("<p>nanoMPC is a MIDI transformer model that generates lo-fi and boom bap beats.</p>")
 
         bpm = gr.Slider(minimum=50, maximum=200, step=1, value=90, label="BPM")
         temperature = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Temperature")
@@ -271,6 +284,6 @@ with gr.Blocks(
             outputs=[midi_file, audio_file]
         )
 
-        gr.Markdown("<p style='text-align: center; font-size: 14px;'>Developed by <a href='https://www.patchbanks.com/' target='_blank'><strong>Patchbanks</strong></a></p>")
+        gr.Markdown("<p style='font-size: 16px;'>Developed by <a href='https://www.patchbanks.com/' target='_blank'><strong>Patchbanks</strong></a></p>")
 
 iface.launch(share=True)