some design changes

app.py

@@ -20,7 +20,9 @@ css = """
 }
 
 #rainbow-btn {
-    text-shadow: 1px 1px 2px black !important;
+    background: #e4e4e7;
+    color: black !important;
+    text-shadow: none !important;
 }
 
 #rainbow-btn:hover {
@@ -28,16 +30,20 @@ css = """
 }
 
 h1 {
-    background: linear-gradient(45deg, #4169e1, #87ceeb, #4169e1) !important;
-    -webkit-background-clip: text !important;
-    -webkit-text-fill-color: transparent !important;
-    background-clip: text !important;
-    text-shadow: 2px 2px 4px rgba(0,0,0,0.3) !important;
-    font-size: 4.5em !important;
-    font-weight: 700 !important;
-    font-family: "Impact", "Arial Black", sans-serif !important;
+    color: #d4af37 !important;
+    font-size: 2.5em !important;
+    font-weight: 800 !important;
+    font-family: "Georgia", serif !important;
     text-align: center !important;
-    letter-spacing: 2px !important;
+    letter-spacing: 3px !important;
+    text-transform: uppercase !important;
+    border: 6px double #d4af37 !important;
+    padding: 30px !important;
+    margin: 20px 0 !important;
+    border-radius: 0 !important;
+    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%) !important;
+    text-shadow: 2px 2px 4px rgba(0,0,0,0.7) !important;
+    position: relative !important;
 }
 """
 
@@ -80,7 +86,7 @@ with gr.Blocks(
         "Once you find a prompt you like, paste it at the top of your next AI conversation to bring it to life!"
     )
 
-    generate_btn = gr.Button("SPIN", variant="primary", elem_id="rainbow-btn")
+    generate_btn = gr.Button("🌀", variant="primary", elem_id="rainbow-btn")
     output_text = gr.Textbox(
         label="Your New Prompt",
         lines=8,