Update app.py

app.py

@@ -32,16 +32,14 @@ def predict_salary(age, education_num, sex, capital_gain, capital_loss, hours_pe
 
     return label, confidence, fig
 
-# Custom CSS for styling
-dark_css = """
+with gr.Blocks(css="""
     body { background-color: #0a0a23; color: white; }
     .gr-box { background-color: #1a1a3d !important; border-radius: 12px; padding: 20px; }
     h1, h3, p { color: white; text-align: center; font-family: 'Segoe UI', sans-serif; }
     .gr-button { background-color: #1db954 !important; color: white !important; border-radius: 10px; font-size: 1.1em; }
     .gr-radio .gr-form { display: flex; justify-content: center !important; }
 """
-
-with gr.Blocks(css=dark_css) as demo:
+) as demo:
 
     gr.Markdown("""
         <div style='max-width: 700px; margin: 0 auto;'>
@@ -58,7 +56,7 @@ with gr.Blocks(css=dark_css) as demo:
             gr.Markdown("<h3>🎓 Education Level</h3>")
             education = gr.Dropdown(choices=[str(i) for i in range(1, 17)], value="10", label="", interactive=True)
 
-            gr.Markdown("<h3>🚻 Sex</h3>")
+            gr.Markdown("<h3>⚧️ Sex</h3>")
             sex = gr.Radio(choices=["Male", "Female"], value="Male", label="", interactive=True)
 
             gr.Markdown("<h3>📈 Capital Gain</h3>")
@@ -67,7 +65,7 @@ with gr.Blocks(css=dark_css) as demo:
             gr.Markdown("<h3>📉 Capital Loss</h3>")
             capital_loss = gr.Number(value=0, label="", interactive=True)
 
-            gr.Markdown("<h3>🕒 Hours per Week</h3>")
+            gr.Markdown("<h3>⏱️ Hours per Week</h3>")
             hours_per_week = gr.Number(value=40, label="", interactive=True)
 
             predict_btn = gr.Button("🔮 Predict", elem_id="predict-button")