Update my_pages/home.py

my_pages/home.py

@@ -16,6 +16,8 @@ def render():
             cursor: pointer;
             border: none !important;
             display: inline;
+            font-weight:bold;
+            font-size:24px;
         }
         button[kind="primary"]:hover {
             text-decoration: none;
@@ -31,7 +33,6 @@ def render():
         unsafe_allow_html=True,
     )
     
-    st.markdown("<div style='text-align: center;'>", unsafe_allow_html=True)
     st.markdown(
         "<div style='font-size:24px; color:#3366cc; font-weight:bold;'>Explore the concepts:</div>",
         unsafe_allow_html=True
@@ -46,20 +47,19 @@ def render():
         ("ICA Framework.", "ica"),
         ("Multiverse", "multiverse"),
     ]
+    color_dict = {"information_loss": "#FF6B6B", "rashomon_effect": "#FFD93D", "developer_decisions": "#6BCB77", "ica": "#FF9F1C", "multiverse": "#9D4EDD"}
 
     button_clicked_dict = {k[1]: False for k in sentences}
     for text, page in sentences:
         with stylable_container(
             page,
-            css_styles="""
-            button {
-                color: green;
-            }""",
+            css_styles=f"""
+            button {{
+                color: {color_dict[page]};
+            }}""",
         ):
             button_clicked_dict[page] = st.button(text, type="primary")
 
     for page in button_clicked_dict:
         if button_clicked_dict[page]:
             go_to(page)
-
-    st.markdown("</div>", unsafe_allow_html=True)