Update app.py

app.py

@@ -24,28 +24,34 @@ st.set_page_config(
 # Custom CSS for centering and background
 st.markdown("""
     <style>
+        /* Background Gradient */
         body {
             background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%) !important;
         }
-        .main {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            min-height: 90vh;
+
+        /* Main content container */
+        .main .block-container {
+            max-width: 900px;
+            margin: 0 auto;
+            padding-top: 2rem;
+            padding-bottom: 2rem;
         }
+
+        /* Custom box style */
         .centered-box {
             background: white;
             border-radius: 16px;
             box-shadow: 0 4px 32px rgba(0,0,0,0.08);
-            padding: 2.5rem 2rem;
-            max-width: 700px;
-            width: 100%;
-            margin: 2rem auto;
+            padding: 2rem;
+            margin-bottom: 2rem;
         }
+
+        /* Button stretch */
         .stButton>button {
             width: 100%;
         }
+
+        /* Alert style */
         .stAlert {
             background-color: rgb(255, 251, 235);
             border: none;
@@ -55,9 +61,7 @@ st.markdown("""
     </style>
 """, unsafe_allow_html=True)
 
-# Main container
-st.markdown('<div class="main">', unsafe_allow_html=True)
-st.markdown('<div class="centered-box">', unsafe_allow_html=True)
+
 
 st.title("🦀 MangaFlow: AI Manga Translator")
 st.write("Upload a manga page to translate Japanese text to English. Powered by YOLO, Manga OCR, and DeepL.")