fix scrolling

.streamlit/config.toml

@@ -2,4 +2,7 @@
 primaryColor = "#FF9D00"
 backgroundColor = "#ffffff"
 secondaryBackgroundColor = "#f0f2f6"
-textColor = "#262730"
+textColor = "#262730"
+
+[runner]
+fastReruns = true

app.py

@@ -10,10 +10,35 @@ st.set_page_config(
 )
 
 # Custom CSS
+# Custom CSS (replace your existing st.markdown CSS section)
 st.markdown("""
     <style>
-    .main {padding: 2rem;}
+    /* Smooth scrolling fix */
+    html {
+        scroll-behavior: smooth;
+    }
+    
+    /* Remove Streamlit's sticky header that causes jumping */
+    header {
+        background: transparent !important;
+    }
+    
+    /* Smooth container scrolling */
+    .main {
+        padding: 2rem;
+        scroll-behavior: smooth;
+        overflow-y: auto;
+    }
+    
+    /* Fix mobile scrolling */
+    body {
+        overflow-x: hidden;
+        -webkit-overflow-scrolling: touch;
+    }
+    
+    /* Your existing styles */
     h1 {color: #FF9D00;}
+    
     .highlight-box {
         padding: 2rem;
         background: linear-gradient(135deg, #FF9D00 0%, #FFD21E 100%);
@@ -22,11 +47,28 @@ st.markdown("""
         margin: 1rem 0;
         box-shadow: 0 4px 6px rgba(0,0,0,0.1);
     }
+    
     .metric-card {
         background: #f0f2f6;
         padding: 1.5rem;
         border-radius: 10px;
         text-align: center;
+        transition: transform 0.2s ease;
+    }
+    
+    .metric-card:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+    }
+    
+    /* Smooth expander animations */
+    .streamlit-expanderHeader {
+        transition: all 0.3s ease;
+    }
+    
+    /* Fix accordion jumping */
+    details {
+        scroll-margin-top: 2rem;
     }
     </style>
 """, unsafe_allow_html=True)