Update app.py

app.py

@@ -122,7 +122,7 @@ def predict(image):
 # ================== CSS STYLES ==================
 custom_css = """
     .gradio-container {
-        font-family: 'Times New Roman', Times, serif;
+        font-family: 'Times New Roman', Times, serif !important;
     }
     
     .container {
@@ -163,16 +163,22 @@ custom_css = """
         padding: 1.5rem;
         margin: 1rem 0;
     }
+
+    .guidelines-box {
+        background: #F7FAFC;
+        border-radius: 10px;
+        padding: 1rem;
+        margin-top: 1rem;
+    }
 """
 
 # ================== GRADIO INTERFACE ==================
 def create_interface():
     with gr.Blocks(css=custom_css, title="WoundWise AI") as demo:
         # Logo and Introduction
-        gr.Image("logo.png", show_label=False, container=False)
-        gr.Markdown("# Welcome to WoundWise AI")
-        
-        with gr.Box(class_name="container"):
+        with gr.Column(elem_classes="container"):
+            gr.Image("logo.png", show_label=False, container=False)
+            gr.Markdown("# Welcome to WoundWise AI")
             gr.Markdown("""
                 In today's fast-paced world, early detection of medical conditions can be a game-changer. 
                 WoundWise AI is a cutting-edge AI-powered wound classification system developed as part 
@@ -186,7 +192,7 @@ def create_interface():
             """)
 
         # Main Interface
-        with gr.Box(class_name="container"):
+        with gr.Column(elem_classes="container"):
             gr.Markdown("## 📸 Upload or Capture Wound Image")
             gr.Markdown("Use your device's camera or upload an existing image")
             
@@ -208,7 +214,7 @@ def create_interface():
             )
 
         # Why Care About Wounds
-        with gr.Box(class_name="info-section"):
+        with gr.Column(elem_classes="info-section"):
             gr.Markdown("""
                 ## ⚠️ Why Wound Care Matters
                 
@@ -223,7 +229,7 @@ def create_interface():
             """)
 
         # How Our Model Works
-        with gr.Box(class_name="info-section"):
+        with gr.Column(elem_classes="info-section"):
             gr.Markdown("""
                 ## 🔬 Our Technology
                 
@@ -240,7 +246,7 @@ def create_interface():
             """)
 
         # Disclaimer
-        with gr.Box(class_name="warning"):
+        with gr.Column(elem_classes="warning"):
             gr.Markdown("""
                 ## ⚕️ Medical Disclaimer