Update app.py

app.py

@@ -36,111 +36,63 @@ def get_rag_model():
 
 # Custom CSS for styling
 def load_css():
-    st.markdown("""
+     st.markdown("""
     <style>
-    /* App Background */
     .stApp {
-        background: #f8f9fa; /* Light gray background */
+        background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
     }
-
-    /* Header Styling */
     .stHeader {
-        color: #2c3e50; /* Dark blue-gray */
+        color: #2c3e50;
         font-size: 2.5rem;
         font-weight: bold;
-        text-align: center;
-        margin-bottom: 20px;
     }
-
-    /* Form Styling */
     .stForm {
         background: white;
-        padding: 25px;
-        border-radius: 12px;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-        margin: 20px auto;
-        max-width: 800px;
+        padding: 20px;
+        border-radius: 10px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     }
-
-    /* Button Styling */
     .stButton button {
-        background-color: #3498db; /* Blue */
+        background-color: #3498db;
         color: white;
-        border-radius: 8px;
-        padding: 12px 24px;
+        border-radius: 5px;
+        padding: 10px 20px;
         font-size: 1rem;
         border: none;
-        transition: background-color 0.3s ease;
     }
     .stButton button:hover {
-        background-color: #2980b9; /* Darker blue on hover */
+        background-color: #2980b9;
     }
-
-    /* Markdown Headers */
     .stMarkdown h3 {
-        color: #2c3e50; /* Dark blue-gray */
+        color: #2c3e50;
         margin-top: 20px;
-        font-size: 1.8rem;
-        font-weight: 600;
     }
-
-    /* Expander Styling */
+    .st-emotion-cache-13k62yr {
+    position: absolute;
+    background: white;
+    color: white;
+    inset: 0px;
+    color-scheme: dark;
+    overflow: hidden;
+    }
     .stExpander {
         background: white;
-        border-radius: 12px;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-        margin: 20px 0;
-    }
-    .stExpander .stMarkdown {
-        padding: 15px;
+        border-radius: 10px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     }
-
-    /* DataFrame Styling */
     .stDataFrame {
-        border-radius: 12px;
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+        border-radius: 10px;
     }
-
-    /* Custom Color for Results */
+    /* Custom color for results */
     .stMarkdown p, .stMarkdown ul, .stMarkdown ol {
-        color: rgb(1, 27, 29); /* Custom color for results */
-        font-size: 1rem;
-        line-height: 1.6;
+        color: rgb(1, 27, 29);
     }
     .stMarkdown a {
-        color: #3498db; /* Blue for links */
-        text-decoration: none;
-        font-weight: 500;
-    }
-    .stMarkdown a:hover {
-        text-decoration: underline;
-    }
-
-    /* Spinner Styling */
-    .stSpinner {
-        color: #3498db; /* Blue spinner */
-    }
-
-    /* Hero Section Styling */
-    .hero {
-        text-align: center;
-        padding: 50px 20px;
-        background: linear-gradient(135deg, #3498db, #2980b9); /* Blue gradient */
-        color: white;
-        border-radius: 12px;
-        margin-bottom: 30px;
-    }
-    .hero h1 {
-        font-size: 3rem;
-        font-weight: 700;
-        margin-bottom: 10px;
-    }
-    .hero p {
-        font-size: 1.2rem;
-        opacity: 0.9;
+        color: #3498db;
     }
     </style>
     """, unsafe_allow_html=True)
+
 # Streamlit app
 def main():
     # Load custom CSS