Update app.py

app.py

@@ -4,7 +4,7 @@ import base64
 # Set Streamlit page config
 st.set_page_config(page_title="🧠 Neural Network Playground", layout="wide")
 
-# Function to apply blurred background image
+# Function to blur only the background image (not the whole app)
 def set_background_blur(image_path):
     with open(image_path, "rb") as image_file:
         encoded = base64.b64encode(image_file.read()).decode()
@@ -12,19 +12,32 @@ def set_background_blur(image_path):
     st.markdown(
         f"""
         <style>
-        .stApp {{
+        /* Full screen blurred background image container */
+        .blur-background {{
+            position: fixed;
+            top: 0;
+            left: 0;
+            height: 100%;
+            width: 100%;
+            z-index: -1;
+        }}
+
+        .blur-background::before {{
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: 100%;
+            width: 100%;
             background-image: url("data:image/png;base64,{encoded}");
             background-size: cover;
-            background-repeat: no-repeat;
             background-position: center;
             background-attachment: fixed;
-            filter: blur(6px);
-        }}
-        .main > div {{
-            background-color: rgba(255, 255, 255, 0.85);
-            padding: 2rem;
-            border-radius: 15px;
+            filter: blur(8px);
+            z-index: -1;
         }}
+
+        /* Typing animation */
         .typing {{
             font-family: 'Courier New', monospace;
             color: #6A0DAD;
@@ -47,12 +60,14 @@ def set_background_blur(image_path):
             50% {{ border-color: orange }}
         }}
         </style>
+
+        <div class="blur-background"></div>
         """,
         unsafe_allow_html=True
     )
 
-# Set background image (optional - uncomment below)
-set_background_blur("ann.jpeg")
+# Call the background function with your image
+set_background_blur("ann.jpeg")  # Make sure ann.jpeg is in the same directory
 
 # Typing animation title
 st.markdown("<div class='typing'>⚡ Neural Network Lab</div>", unsafe_allow_html=True)