Update pages/Machine Learning vs Deep Learning.py

pages/Machine Learning vs Deep Learning.py

@@ -2,35 +2,35 @@ import streamlit as st
 
 # Adding the introduction part
 st.markdown("""
-    <p style='font-size: 24px;'>Earlier, we discussed how <b>Machine Learning (ML)</b> and <b>Deep Learning (DL)</b> are two powerful tools in the field of <b>Artificial Intelligence (AI)</b>. But how do we better understand their differences? Let’s use an analogy:</p>
+    <p style='font-size: 18px;'>Earlier, we discussed how <b>Machine Learning (ML)</b> and <b>Deep Learning (DL)</b> are two powerful tools in the field of <b>Artificial Intelligence (AI)</b>. But how do we better understand their differences? Let’s use an analogy:</p>
 """, unsafe_allow_html=True)
 
 # Adding the analogy heading
-st.markdown("<h2 style='color: #3498DB; font-size: 30px; font-weight: bold;'>✨ Imagine This: Chefs in the Kitchen </h2>", unsafe_allow_html=True)
+st.markdown("<h2 style='color: #3498DB; font-size: 25px; font-weight: bold;'>✨ Imagine This: Chefs in the Kitchen </h2>", unsafe_allow_html=True)
 
 # Adding the analogy content
 st.markdown("""
-    <p style='font-size: 24px;'>Two chefs are in the same kitchen. One chef is highly skilled and prepares a dish every day, experimenting with different flavors and ingredients. The second chef, who is not very experienced, wants to recreate the dish but hasn’t been as consistent with their practice. To do this, they borrow the first chef's recipe to copy it. To help them recreate the dish, they use two tools: a <b>recipe book</b> and a <b>set of cooking tools</b>. While both tools serve the same purpose of helping them cook, their functionality differs:</p>
+    <p style='font-size: 18px;'>Two chefs are in the same kitchen. One chef is highly skilled and prepares a dish every day, experimenting with different flavors and ingredients. The second chef, who is not very experienced, wants to recreate the dish but hasn’t been as consistent with their practice. To do this, they borrow the first chef's recipe to copy it. To help them recreate the dish, they use two tools: a <b>recipe book</b> and a <b>set of cooking tools</b>. While both tools serve the same purpose of helping them cook, their functionality differs:</p>
     
-    <ul style='font-size: 24px;'>
+    <ul style='font-size: 18px;'>
         <li><b>A recipe book</b> is used for <i>guidance</i>, as it provides clear instructions on how to prepare the dish. You can follow the steps and make adjustments to improve your skills over time.</li>
         <li><b>A set of cooking tools</b> is used for <i>precision</i>, as it allows you to directly manipulate ingredients and execute complex techniques, making it easier to experiment and achieve finer results.</li>
     </ul>
     
-    <p style='font-size: 24px;'><b>ML and DL Analogy:</b></p>
-    <ul style='font-size: 24px;'>
+    <p style='font-size: 18px;'><b>ML and DL Analogy:</b></p>
+    <ul style='font-size: 18px;'>
         <li><b>Recipe Book = Machine Learning</b> </li>
         <li><b>Cooking Tools = Deep Learning</b></li>
     </ul>
 """, unsafe_allow_html=True)
 
 # Adding the table comparison content
-st.markdown("<h2 style='color: #3498DB; font-size: 30px; font-weight: bold;'> Machine Learning vs Deep Learning </h2>", unsafe_allow_html=True)
+st.markdown("<h2 style='color: #3498DB; font-size: 25px; font-weight: bold;'> Machine Learning vs Deep Learning </h2>", unsafe_allow_html=True)
 
 markdown_content = """
     <style>
         table {
-            font-size: 20px;
+            font-size: 18px;
             width: 100%;
             border-collapse: collapse;
         }