Update app.py

app.py

@@ -91,13 +91,16 @@ st.markdown("""
     .stTextInput, .stTextArea {
         border: 1px solid #ffffff; /* White */
         border-radius: 12px;
-        background-color: #000000; /* Royal Black */
-        color: #ffffff; /* White */
+        background-color: #ffffff; /* White */
+        color: #000000; /* Royal Black */
     }
     .stTextInput::placeholder, .stTextArea::placeholder {
-        color: #ffffff; /* White */
+        color: #000000; /* Royal Black */
         font-weight: bold;
     }
+    .stMarkdown, .stTextInput, .stTextArea {
+        border-radius: 12px;
+    }
     .stSidebar {
         background-color: #000000; /* Royal Black */
         color: #ffffff; /* White */
@@ -129,7 +132,7 @@ st.markdown("""
     }
     .css-1n8h7zm .stTextArea::placeholder, 
     .css-1n8h7zm .stTextInput::placeholder {
-        color: #ffffff; /* White */
+        color: #000000; /* Royal Black */
         font-weight: bold;
     }
     </style>
@@ -154,7 +157,7 @@ selected_task = st.sidebar.radio("Select a task", tasks)
 # Main layout based on selected task
 def handle_task_form(task_key, prompt_function, input_label, response_key):
     with st.form(key=f"{task_key}_form"):
-        st.markdown(f"<div style='color: #ffffff; font-weight: bold;'>{input_label}</div>", unsafe_allow_html=True)
+        st.markdown(f"<div style='color: #000000; font-weight: bold; background-color: #ffffff; padding: 5px;'>{input_label}</div>", unsafe_allow_html=True)
         user_input = st.text_area("", key=task_key)
         submit_button = st.form_submit_button("Get Response")
         clear_button = st.form_submit_button("Clear")
@@ -217,7 +220,7 @@ elif selected_task == "💬 Real-Time Q&A Support":
 elif selected_task == "🧠 Mental Health Check-In":
     st.header("Mental Health Check-In")
     with st.form(key="mental_health_check_in_form"):
-        st.markdown("<div style='color: #ffffff; font-weight: bold;'>Share how you are feeling today</div>", unsafe_allow_html=True)
+        st.markdown("<div style='color: #000000; font-weight: bold; background-color: #ffffff; padding: 5px;'>Share how you are feeling today</div>", unsafe_allow_html=True)
         feelings = st.text_area("", key="mental_health_check_in")
         col1, col2 = st.columns([2, 1])
         with col1:
@@ -241,6 +244,7 @@ st.markdown("""
         <a href="https://github.com/muhammadibrahim313">GitHub</a> |
         <a href="https://www.kaggle.com/itshappy">Kaggle</a> |
         <a href="https://www.linkedin.com/in/muhammadibrahim313">LinkedIn</a>
+        <br>
         <i>EduNexus 2024</i>
     </div>
 """, unsafe_allow_html=True)