Update app.py

app.py

@@ -7,10 +7,10 @@ import numpy as np
 model = joblib.load('Rf_model.joblib')
 encoder = joblib.load('encoder_d.joblib')
 
-# Custom CSS
+# Custom CSS for styling
 st.markdown("""
     <style>
-        /* App title */
+        /* Title Styling */
         .main-title {
             background-color: #007BFF;
             padding: 10px;
@@ -18,19 +18,22 @@ st.markdown("""
             color: white;
             text-align: center;
             font-size: 28px;
+            margin-bottom: 30px;
         }
 
-        /* App background */
+        /* App Background */
         .stApp {
             background-image: url('https://images.unsplash.com/photo-1605902711622-cfb43c4437d1');
             background-size: cover;
+            background-repeat: no-repeat;
+            background-attachment: fixed;
         }
 
-        /* Input fields background */
-        .stNumberInput, .stSelectbox {
-            background-color: rgba(255, 255, 255, 0.8) !important;
-            border-radius: 10px;
-            padding: 5px;
+        /* Input Fields */
+        .stNumberInput input, .stSelectbox div[data-baseweb="select"] {
+            background-color: #f0f9ff !important;
+            padding: 10px;
+            border-radius: 8px;
         }
 
         /* Predict Button */
@@ -44,7 +47,7 @@ st.markdown("""
             border-radius: 8px;
         }
 
-        /* Output style */
+        /* Output Result */
         .result-box {
             background-color: rgba(255,255,255,0.85);
             border-left: 6px solid #28a745;
@@ -52,7 +55,7 @@ st.markdown("""
             font-size: 20px;
             border-radius: 10px;
             text-align: center;
-            margin-top: 20px;
+            margin-top: 30px;
         }
     </style>
 """, unsafe_allow_html=True)
@@ -60,9 +63,8 @@ st.markdown("""
 # Streamlit app
 def main():
     st.markdown('<div class="main-title">Insurance Cost Prediction App</div>', unsafe_allow_html=True)
-    st.markdown("##")
 
-    # Two row layout using columns
+    # Inputs arranged in 3 columns (2 rows layout)
     col1, col2, col3 = st.columns(3)
     with col1:
         age = st.number_input("Age", min_value=18, max_value=100, value=30)