Update pages/Introduction.py

pages/Introduction.py

@@ -11,7 +11,7 @@ st.set_page_config(
 st.markdown("<h1; color: #FF5733;'>🌟 Exploring Artificial Intelligence, Machine Learning, Deep Learning, and Generative AI</h1>", unsafe_allow_html=True)
 
 # Visual Section: Comparison of AI, ML, DL, and Generative AI
-st.markdown("<h2 style='text-align: center; color: #2C3E50;'>🔹 AI vs ML vs DL vs Generative AI</h2>", unsafe_allow_html=True)
+st.markdown("<h2 ; color: #2C3E50;'>AI vs ML vs DL vs Generative AI</h2>", unsafe_allow_html=True)
 
 image_url = "https://huggingface.co/spaces/varshitha22/ML/resolve/main/images/im1.jpg"
 
@@ -27,6 +27,7 @@ st.markdown(
 # Section 1: Artificial
 st.markdown("<h2 style='color: #1ABC9C; font-size: 30px; font-weight: bold;'> Artificial :</h2>", unsafe_allow_html=True)
 st.markdown("""
+    <div style='background: linear-gradient(to right, #E1F5FE, #FCE4EC); padding: 25px; border-radius: 12px; box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);'>
     <p style='font-size: 24px;'>
     The term <b>artificial</b> refers to anything that is not naturally occurring and is created by humans.
     </p>
@@ -52,7 +53,7 @@ st.markdown("""
     """, unsafe_allow_html=True)
 
 # Section 3: Artificial Intelligence (AI)
-st.markdown("<h2 style='color: #F39C12; font-size: 30px; font-weight: bold;'>🔹 Artificial Intelligence (AI) :</h2>", unsafe_allow_html=True)
+st.markdown("<h2 style='color: #F39C12; font-size: 30px; font-weight: bold;'> Artificial Intelligence (AI) :</h2>", unsafe_allow_html=True)
 
 st.markdown("""
     <p style='font-size: 24px;'>