Update app.py

app.py

@@ -31,13 +31,28 @@ def predict_image(image):
     
     return predicted_class
 
+# HTML for custom styling
+title = "<h1 style='text-align: center; font-family: Arial, sans-serif;'>Pox Classifier</h1>"
+description = (
+    "<p style='text-align: center; font-family: Arial, sans-serif;'>"
+    "Upload an image of a skin lesion to classify it into one of the following categories:</p>"
+    "<p style='text-align: center; font-family: Arial, sans-serif; font-weight: bold;'>"
+    "Normal, Monkeypox, Chickenpox, Measles</p>"
+    "<p style='text-align: center; font-family: Arial, sans-serif;'>"
+    "Please note that this model is not a substitute for professional medical advice, diagnosis, or treatment. "
+    "Always seek the advice of your physician or other qualified health provider with any questions you may have regarding a medical condition."
+    "</p>"
+)
+
 # Gradio app interface
 app = gr.Interface(
     fn=predict_image,
     inputs=gr.Image(type="numpy", label="Upload Image"),
     outputs=gr.Textbox(label="Prediction"),
-    title="Pox Classifier (Normal, Monkeypox, Chickenpox, Measles)",
-    description="Upload an image of a skin lesion to classify it into one of the following categories: Normal, Monkeypox, Chickenpox, or Measles. Please note that this model is not a substitute for professional medical advice, diagnosis, or treatment. Always seek the advice of your physician or other qualified health provider with any questions you may have regarding a medical condition."
+    title=title,
+    description=description,
+    theme="huggingface",  # Apply Hugging Face's modern theme
+    layout="vertical"     # Vertical layout to make it more compact and centered
 )
 
 # Launch the app