Update app.py

app.py

@@ -141,7 +141,7 @@ st.markdown("""
             border-radius: 15px;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
             margin-bottom: 2rem;
-            color: black;
+            border: 1px solid #e0e0e0;
         }
         .requirement-card {
             background: white;
@@ -150,6 +150,7 @@ st.markdown("""
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
             margin-bottom: 1.5rem;
             transition: transform 0.2s;
+            color: #333333;
             
         }
         .requirement-card:hover {
@@ -183,8 +184,8 @@ def main():
             <div style="margin: 1.5rem 0;">
                 <div style="font-size: 1.2rem; color: #4a4a4a;">Automated Requirement Classification, Defect Detection & Optimization</div>
                 <div style="display: flex; justify-content: center; gap: 1rem; margin: 1rem 0;">
-                    <div style="padding: 0.5rem 1rem; background: #f0f2f6; border-radius: 20px;">Team: Sadia, Areeba, Rabbia, Tesmia</div>
-                    <div style="padding: 0.5rem 1rem; background: #f0f2f6; border-radius: 20px;">Mistral + Groq API</div>
+                    <div style="padding: 0.5rem 1rem; background: #f0f2f6;color: #4a4a4a; border-radius: 20px;">Team: Sadia, Areeba, Rabbia, Tesmia</div>
+                    <div style="padding: 0.5rem 1rem; background: #f0f2f6; color: #4a4a4a;border-radius: 20px;">Mistral + Groq API</div>
                 </div>
             </div>
         """, unsafe_allow_html=True)