Update Home.py

Home.py

@@ -3,48 +3,54 @@ import pandas as pd
 import numpy as np 
 import random
 import requests
+
 st.markdown("""
     <style>
-    /* Set a soft background color */
-    body {
+    /* Apply background color to the main Streamlit app */
+    .stApp {
         background-color: #eef2f7;
     }
+    
     /* Style for main title */
-    h1 {
-        color: #00FFFF;
+    .stMarkdown h1 {
+        color: #00FFFF !important;
         font-family: 'Roboto', sans-serif;
         font-weight: 700;
         text-align: center;
         margin-bottom: 25px;
     }
+
     /* Style for headers */
-    h2 {
-        color: #FFFACD;
+    .stMarkdown h2 {
+        color: #FFFACD !important;
         font-family: 'Roboto', sans-serif;
         font-weight: 600;
         margin-top: 30px;
     }
     
     /* Style for subheaders */
-     h3 {
-        color: #ba95b0;
+    .stMarkdown h3 {
+        color: #ba95b0 !important;
         font-family: 'Roboto', sans-serif;
         font-weight: 500;
         margin-top: 20px;
     }
+
     .custom-subheader {
-        color: #00FFFF;
+        color: #00FFFF !important;
         font-family: 'Roboto', sans-serif;
         font-weight: 600;
         margin-bottom: 15px;
     }
+
     /* Paragraph styling */
-    p {
+    .stMarkdown p {
         font-family: 'Georgia', serif;
         line-height: 1.8;
-        color: #FFFFFF; /* Darker text color for better visibility */
+        color: #333333 !important; /* Darker text color for better visibility */
         margin-bottom: 20px;
     }
+
     /* List styling with checkmark bullets */
     .icon-bullet {
         list-style-type: none;
@@ -54,22 +60,24 @@ st.markdown("""
         font-family: 'Georgia', serif;
         font-size: 1.1em;
         margin-bottom: 10px;
-        color: #FFFFF0; /* Darker text color for better visibility */
+        color: #333333 !important;
     }
     .icon-bullet li::before {
         content: "✔️";
         padding-right: 10px;
         color: #b3b3ff;
     }
+
     /* Sidebar styling */
-    .sidebar .sidebar-content {
+    .stSidebar .sidebar-content {
         background-color: #ffffff;
         border-radius: 10px;
         padding: 15px;
     }
-    .sidebar h2 {
+    .stSidebar h2 {
         color: #495057;
     }
     </style>
     """, unsafe_allow_html=True)
- st.title("AUTO ML")
+
+st.title("AUTO ML")