Update styling

app.py

@@ -17,24 +17,32 @@ def clear_chat():
     return "", ""
 
 css = """
-    <style>
-        .header-title {
-            font-size: 1.5em;
-            margin-bottom: 20px;
-            text-align: center;
-        }
-        .gr-button {
-            background-color: #7D3C98; /* Placeholder for the purple color, replace with actual color code */
-            color: white;
-        }
-        .gr-button:hover {
-            background-color: #6C3483; /* Darker purple on hover, replace with actual color code */
-        }
-        .acknowledgments {
-            margin-top: 20px;
-            text-align: center;
-        }
-    </style>
+<style>
+    .header {
+        font-size: 24px;
+        font-weight: bold;
+        text-align: center;
+        margin-top: 1rem;
+        margin-bottom: 2rem;
+    }
+    .gr-button {
+        background-color: #7D3C98;
+        color: white;
+        padding: 0.5rem 1rem; 
+        font-size: 1rem; 
+        border-radius: 0.5rem;
+    }
+    .gr-button:hover {
+        background-color: #6C3483;
+    }
+    .acknowledgments {
+        margin-top: 20px;
+        text-align: center;
+    }
+    .gr-textbox, .gr-button, .gr-output {
+        height: 2.5rem;
+    }
+</style>
 """
 
 with gr.Blocks(css=css) as demo:

style.css

@@ -1,17 +0,0 @@
-h1 {
-  text-align: center;
-  display: block;
-}
-
-#duplicate-button {
-  margin: auto;
-  color: white;
-  background: #1565c0;
-  border-radius: 100vh;
-}
-
-.contain {
-  max-width: 900px;
-  margin: auto;
-  padding-top: 1.5rem;
-}