Update pages/2_Data_CLeaning_and_Preprocessing.py

pages/2_Data_CLeaning_and_Preprocessing.py

@@ -110,9 +110,11 @@ st.markdown(
     <style>
         .stApp {{
             background-image: url("{background_image_url}");
-            background-size: cover;
-            background-position: center;
-            height: 100vh;
+            background-size: cover;  /* Ensures the background image covers the entire screen */
+            background-position: center;  /* Centers the image */
+            background-repeat: no-repeat;  /* Prevents the background from repeating */
+            background-attachment: fixed;  /* Keeps the background fixed while scrolling */
+            height: 100vh;  /* Ensures full viewport height is covered */
         }}
         
         /* Semi-transparent overlay */
@@ -126,12 +128,28 @@ st.markdown(
             background: rgba(0, 0, 0, 0.4);  /* Adjust transparency here (0.4 for 40% transparency) */
             z-index: -1;
         }}
-        /* Styling the content to ensure text visibility */
+        
+        /* Container to center elements and limit width */
+        .content-container {{
+            max-width: 70%;  /* Limit content width to 70% */
+            margin: 0 auto;  /* Center the container horizontally */
+            padding: 50px;  /* Add padding for spacing */
+        }}
+        
+        /* Styling the markdown content */
         .stMarkdown {{
-            color: white;  /* White text to ensure visibility */
-            font-size: 30px;  /* Adjust font size for better readability */
+            color: white;  /* White text for better visibility */
+            font-size: 100px;  /* Adjust font size for readability */
         }}
     </style>
+    
+    <div class="content-container">
+        <div class="stMarkdown">
+            <!-- Replace this with your app's content -->
+            <p>Insert your app's content here. All elements will be aligned to the center and limited to 70% width.</p>
+        </div>
+    </div>
     """, 
     unsafe_allow_html=True
 )
+