Update Home_page.py

Home_page.py

@@ -9,56 +9,56 @@ st.markdown("""
         /* Background Gradient for Sections */
         .ml-section {
             background: linear-gradient(to right, #E1F5FE, #FCE4EC);
-            padding: 25px;
-            border-radius: 12px;
-            box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
         }
         /* Font Size for Consistency */
         .medium-font {
-            font-size: 20px !important;
+            font-size: 18px !important;
         }
         /* Title Styling */
         .main-title {
             text-align: center;
             color: #D81B60; /* Pink */
-            font-size: 48px;
+            font-size: 36px;
             font-weight: bold;
         }
         /* Subtitle */
         .sub-title {
             text-align: center;
             color: #283593; /* Dark Blue */
-            font-size: 48px;
+            font-size: 32px;
             font-weight: bold;
         }
         /* Section Titles */
         .section-title {
             color: #9C27B0; /* Purple */
-            font-size: 53px;
+            font-size: 30px;
             font-weight: bold;
-            margin-bottom: 12px;
+            margin-bottom: 10px;
         }
         /* Paragraph Content */
         .content {
-            font-size: 20px;
+            font-size: 18px;
             color: #2C3E50;
-            line-height: 1.8;
+            line-height: 1.6;
         }
         /* Bullet Points */
         .content ul {
-            font-size: 20px;
+            font-size: 18px;
             color: #2C3E50;
-            padding-left: 30px;
+            padding-left: 25px;
         }
         .content li {
-            margin: 10px 0;
+            margin: 8px 0;
         }
         /* Links */
         .content a {
             color: #1565C0;
             text-decoration: none;
             font-weight: bold;
-            font-size: 20px;
+            font-size: 18px;
         }
         .content a:hover {
             text-decoration: underline;
@@ -69,9 +69,9 @@ st.markdown("""
 
 # Title & Subtitle
 st.markdown("""
-    <div class="ml-section medium-font" style="text-align: center; margin-bottom: 25px;">
-        <h1 style="color: #880085; font-size: 48px;">🚀 Unlock the Power of AI & Machine Learning!</h1>
-        <h2 style="color: #000080; font-size: 33px;">Start from zero and become a hero! 🚀📈</h2>
+    <div class="ml-section medium-font" style="text-align: center; margin-bottom: 20px;">
+        <h1 style="color: #880085; font-size: 36px;">🚀 Unlock the Power of AI & Machine Learning!</h1>
+        <h2 style="color: #000080; font-size: 28px;">Start from zero and become a hero! 🚀📈</h2>
     </div>
 """, unsafe_allow_html=True)