Update app.py

app.py

@@ -35,20 +35,51 @@ def azure_cert_bot(cert_name):
     
     return search_results, response
 
-# Streamlit UI
 st.set_page_config(page_title="Azure Certification Prep Assistant", layout="wide")
-st.title("Azure Certification Prep Assistant")
+
+# Custom Styling
+st.markdown("""
+    <style>
+    body {
+        font-family: 'Arial', sans-serif;
+    }
+    .stApp {
+        background-color: #f5f7fa;
+    }
+    .title {
+        text-align: center;
+        color: #1f77b4;
+        font-size: 36px;
+        font-weight: bold;
+    }
+    .subheader {
+        color: #ff5733;
+        font-size: 24px;
+        font-weight: bold;
+    }
+    .markdown-text-container {
+        background-color: white;
+        padding: 15px;
+        border-radius: 10px;
+        box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
+    }
+    </style>
+""", unsafe_allow_html=True)
+
+st.markdown("<div class='title'>Azure Certification Prep Assistant</div>", unsafe_allow_html=True)
 
 cert_name = st.text_input("Enter Azure Certification Name (e.g., AZ-900)", "")
 if st.button("Get Certification Details"):
     if cert_name:
         links, qa_content = azure_cert_bot(cert_name)
         
-        st.subheader("Certification Links & Curriculum")
+        st.markdown("<div class='subheader'>Certification Links & Curriculum</div>", unsafe_allow_html=True)
         for link in links:
-            st.markdown(f"- [{link}]({link})")
+            if link.strip():
+                st.markdown(f"<div class='markdown-text-container'>- <a href='{link}' target='_blank'>{link}</a></div>", unsafe_allow_html=True)
         
-        st.subheader("Exam Questions & Answers")
-        st.write(qa_content)
+        st.markdown("<div class='subheader'>Exam Questions & Answers</div>", unsafe_allow_html=True)
+        st.markdown(f"<div class='markdown-text-container'>{qa_content}</div>", unsafe_allow_html=True)
     else:
         st.warning("Please enter a certification name.")
+