Update pages/DIFFERENCES_BETWEEN_ML&DL.py

pages/DIFFERENCES_BETWEEN_ML&DL.py

@@ -1,48 +1,18 @@
 import streamlit as st
 
-# Dynamic CSS
-custom_css = """
-<style>
-    html, body, [data-testid="stAppViewContainer"] {
-        background: linear-gradient(
-            rgba(0, 0, 0, 0.6), 
-            rgba(0, 0, 0, 0.6)
-        ), 
-        url("https://cdn.pixabay.com/photo/2023/11/23/17/47/sunset-7704533_1280.jpg") no-repeat center center fixed;
+st.markdown(
+    """
+    <style>
+    .stApp {
+        background-image: url("https://huggingface.co/spaces/ronakreddy18/Zerotoheroinmachinelearning/resolve/main/ai-technology-brain-background-digital-transformation-concept.jpg");
         background-size: cover;
-        font-family: Arial, sans-serif;
-        color: #ffffff;
-    }
-    h1 {
-        color: #ffffff;
-        text-align: center;
-        font-size: 2rem; 
-        margin-top: 2px;
-        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); 
-    }
-    .division {
-        margin: 20px auto;
-        padding: 20px;
-        background: rgba(255, 255, 255, 0.1); 
-        border-radius: 10px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
-    }
-    .division h2 {
-        color: #ffffff;
-        margin-bottom: 10px;
-        font-size: 2rem; 
-        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
+        background-repeat: no-repeat;
+        background-attachment: fixed;
     }
-    .division ul li {
-        font-size: 1.2rem; 
-        line-height: 1.7; 
-        margin-bottom: 8px;
-    }
-</style>
-"""
-
-# Inject CSS into Streamlit app
-st.markdown(custom_css, unsafe_allow_html=True)
+    </style>
+    """,
+    unsafe_allow_html=True
+)
 
 # Header Section
 st.markdown("<h1>DIFFERENCES BETWEEN ML AND DL</h1>", unsafe_allow_html=True)