Update app.py

app.py

@@ -75,28 +75,31 @@ css = """
   --background-fill-secondary: #1F2937 !important;
 }
 
-/* --- Header & Title Styling (Centered Fix) --- */
+/* --- Header & Title Styling (Center Fix) --- */
 #app_header {
-  display: flex;
-  flex-direction: column;
-  align-items: center;   /* ensures center horizontally */
-  justify-content: center;
-  max-width: 1000px;
-  margin: 0 auto;
-  text-align: center;
+  display: flex !important;
+  flex-direction: column !important;
+  align-items: center !important;   /* center horizontally */
+  justify-content: center !important;
+  text-align: center !important;
+  width: 100% !important;
 }
+
 #app_title {
   font-size: 3.2rem !important;
   font-weight: 800 !important;
   color: #FFFFFF !important;
   padding-top: 1rem;
-  text-align: center;    /* force center text */
+  margin: 0 auto;
+  text-align: center !important;
 }
+
 #app_subtitle {
   font-size: 1.25rem !important;
   color: #9CA3AF !important;
   margin-bottom: 2rem;
-  text-align: center;
+  text-align: center !important;
+  max-width: 800px; /* keeps text from stretching too wide */
 }
 
 /* --- Layout and Spacing --- */
@@ -116,6 +119,7 @@ css = """
 }
 """
 
+
 with gr.Blocks(theme=gr.themes.Default(primary_hue="blue", secondary_hue="blue"), css=css, title="Pneumonia Detection AI") as demo:
     
     with gr.Column() as main_app: