Update pages/3Life Cycle of Machine Learning Project.py

pages/3Life Cycle of Machine Learning Project.py

@@ -87,7 +87,7 @@ html_code = """
         .step {
             background-color: #007bff;
             color: #000; /* Changed text color to black */
-            padding: 15px 30px;
+            padding: 20px 40px;
             border-radius: 8px;
             cursor: pointer;
             text-align: center;
@@ -101,43 +101,43 @@ html_code = """
         /* Step transformations to create the circle */
         #step1 {
             background-color: #FFCCCC;
-            transform: rotate(0deg) translateX(140px) rotate(0deg); /* Keeps original size and position */
+            transform: rotate(0deg) translateX(180px) rotate(0deg); /* Keeps original size and position */
         }
         #step2 {
             background-color: #FFDD99;
-            transform: rotate(36deg) translateX(140px) rotate(-36deg);
+            transform: rotate(36deg) translateX(180px) rotate(-36deg);
         }
         #step3 {
             background-color: #FFFF99;
-            transform: rotate(72deg) translateX(140px) rotate(-72deg);
+            transform: rotate(72deg) translateX(180px) rotate(-72deg);
         }
         #step4 {
             background-color: #CCFFCC;
-            transform: rotate(108deg) translateX(140px) rotate(-108deg);
+            transform: rotate(108deg) translateX(180px) rotate(-108deg);
         }
         #step5 {
             background-color: #CCE5FF;
-            transform: rotate(144deg) translateX(140px) rotate(-144deg);
+            transform: rotate(144deg) translateX(180px) rotate(-144deg);
         }
         #step6 {
             background-color: #E5CCFF;
-            transform: rotate(180deg) translateX(140px) rotate(-180deg);
+            transform: rotate(180deg) translateX(180px) rotate(-180deg);
         }
         #step7 {
             background-color: #FFD9E6;
-            transform: rotate(216deg) translateX(140px) rotate(-216deg);
+            transform: rotate(216deg) translateX(180px) rotate(-216deg);
         }
         #step8 {
             background-color: #FFF5CC;
-            transform: rotate(252deg) translateX(140px) rotate(-252deg);
+            transform: rotate(252deg) translateX(180px) rotate(-252deg);
         }
         #step9 {
             background-color: #D9FFF5;
-            transform: rotate(288deg) translateX(140px) rotate(-288deg);
+            transform: rotate(288deg) translateX(180px) rotate(-288deg);
         }
         #step10 {
             background-color: #D9CCFF;
-            transform: rotate(324deg) translateX(140px) rotate(-324deg);
+            transform: rotate(324deg) translateX(180px) rotate(-324deg);
         }
 
         /* Rotate steps to form a circular layout */