Update app.py

app.py

@@ -83,17 +83,14 @@ custom_css = """
         background-color: #f1f8ff;
         margin-bottom: 15px;
     }
-    #math_question, #correct_answer {
+    .label-math-question, .label-correct-answer {
         font-size: 20px;
         font-family: 'Poppins', sans-serif;
-        font-weight: 500px;  /* Apply bold */
-        
-        
+        font-weight: bold;  /* Apply bold correctly */
         color: #007acc;
         margin-bottom: 5px;
         display: inline-block;
     }
-    
     textarea {
         min-height: 150px;
     }
@@ -133,15 +130,15 @@ custom_css = """
         font-weight: bold;
         color: #00796b;
     }
-     
 """
 
+ 
 # Gradio app setup
 interface = gr.Interface(
     fn=gradio_interface,
     inputs=[
-        gr.Textbox(label="🧠 Math Question", placeholder="Enter your math question here...", elem_id="math_question"),
-        gr.Textbox(label="✅ Correct Answer", 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", label_classes=["label-math-question"]),
+        gr.Textbox(label="✅ Correct Answer", placeholder="Enter the correct answer here...", elem_id="correct_answer", label_classes=["label-correct-answer"]),
     ],
     outputs=[
         gr.JSON(label="📊 Results"),  # Display the results in a JSON format
@@ -153,3 +150,6 @@ interface = gr.Interface(
 
 if __name__ == "__main__":
     interface.launch()
+
+)
+