Update app.py

css try 3 bold

app.py

@@ -126,7 +126,6 @@ custom_css = """
         font-family: 'Poppins', sans-serif;
         font-size: 20px;
         color: #007acc;
-        font-weight: bold;
         margin-bottom: 5px;
         display: inline-block;
     }
@@ -135,6 +134,7 @@ custom_css = """
         color: #333;
         border-radius: 8px;
         padding: 12px;
+        font-weight: bold;  /* Apply bold */
     }
     #results {
         font-family: 'Courier New', Courier, monospace;
@@ -158,13 +158,13 @@ custom_css = """
 interface = gr.Interface(
     fn=gradio_interface,
     inputs=[
-        gr.Textbox(label="🧠 <b>Math Question</b>", placeholder="Enter your math question here...", elem_id="math_question"),
-        gr.Textbox(label="✅ <b>Correct Answer</b>", placeholder="Enter the correct answer here...", elem_id="correct_answer"),
+        gr.Textbox(label="Math Question", placeholder="Enter your math question here...", elem_id="math_question", elem_classes="bold-label"),
+        gr.Textbox(label="Correct Answer", placeholder="Enter the correct answer here...", elem_id="correct_answer", elem_classes="bold-label"),
     ],
     outputs=[
-        gr.JSON(label="📊 Results", elem_id="results"),  # Display the results in a JSON format
+        gr.JSON(label="Results", elem_id="results"),  # Display the results in a JSON format
     ],
-    title="🔢 Math Question Solver",
+    title="Math Question Solver",
     description="Enter a math question to get the model prediction and see all generated answers.",
     css=custom_css  # Apply custom CSS
 )