fix CSS styling

app.py

@@ -827,10 +827,30 @@ def predict_all_diameters(image_path):
 <div>
 """
 
-    # return result_text, vis_rgb  # Return both text and image
     return result_text
 
-with gr.Blocks(title="Glaucoma Predictor", css="""#image_box, #prediction_button, #results_table, #results_container {max-width: 1100px !important;margin-left: auto;margin-right: auto;}""") as demo:
+
+custom_css = """
+#container_1100, #image_box, #prediction_button, #results_container {
+    max-width: 1100px !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+}
+
+.center_text {
+    text-align: center !important;
+}
+
+.abstract_block {
+    text-align: justify !important;
+    max-width: 1100px !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+    font-size: 15px;
+}
+"""
+
+with gr.Blocks(title="Glaucoma Predictor", css=custom_css) as demo:
     gr.Markdown(
         """
         <div style="text-align: center; font-size: 24px; font-weight: bold;">