Update app.py

app.py

@@ -1,7 +1,8 @@
 import os
 import streamlit as st
 from openai import OpenAI
-from typing import List, Dict, Optional
+from typing import List, Dict
+, Optional
 import random
 from dotenv import load_dotenv
 
@@ -31,12 +32,15 @@ st.markdown(f"""
 <style>
     @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap');
     
+    * {{
+        font-family: 'Orbitron', sans-serif !important;
+    }}
+    
     .stApp {{
         background: {get_cosmic_background()};
         background-attachment: fixed;
         background-size: cover;
         color: white;
-        font-family: 'Orbitron', sans-serif;
     }}
     
     section[data-testid="stSidebar"] {{
@@ -51,6 +55,7 @@ st.markdown(f"""
         backdrop-filter: blur(10px);
     }}
     
+    /* Chat message styling */
     .chat-message {{
         background: rgba(255, 255, 255, 0.1);
         border-radius: 10px;
@@ -64,6 +69,7 @@ st.markdown(f"""
         box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
     }}
     
+    /* Input field styling */
     .stTextInput > div > div > input {{
         background: rgba(255, 255, 255, 0.1);
         color: white;
@@ -71,6 +77,7 @@ st.markdown(f"""
         border-radius: 10px;
     }}
     
+    /* Button styling */
     .stButton > button {{
         background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
         color: white;
@@ -78,6 +85,8 @@ st.markdown(f"""
         padding: 10px 20px;
         border-radius: 20px;
         transition: all 0.3s ease;
+        text-transform: uppercase;
+        letter-spacing: 1px;
     }}
     
     .stButton > button:hover {{
@@ -85,6 +94,7 @@ st.markdown(f"""
         box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
     }}
     
+    /* Title styling */
     .cosmic-title {{
         text-align: center;
         font-size: 2.5rem;
@@ -92,6 +102,46 @@ st.markdown(f"""
         color: white;
         text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
         animation: glow 2s ease-in-out infinite alternate;
+        font-weight: 700;
+    }}
+    
+    /* Header styling */
+    [data-testid="stHeader"] {{
+        background: rgba(0, 0, 0, 0.3);
+        backdrop-filter: blur(10px);
+    }}
+    
+    /* Select box styling */
+    .stSelectbox label,
+    .stSelectbox div[data-baseweb="select"] span {{
+        color: white !important;
+    }}
+    
+    /* Markdown text styling */
+    div[data-testid="stMarkdownContainer"] {{
+        color: white;
+    }}
+    
+    /* Sidebar text */
+    .sidebar .sidebar-content {{
+        font-weight: 500;
+    }}
+    
+    /* Chat input styling */
+    .stChatInputContainer {{
+        padding-bottom: 20px;
+    }}
+    
+    /* Chat message text */
+    .stChatMessage {{
+        font-weight: 400;
+        letter-spacing: 0.5px;
+    }}
+    
+    /* Spinner text */
+    .stSpinner {{
+        font-weight: 500;
+        letter-spacing: 1px;
     }}
     
     @keyframes glow {{
@@ -104,18 +154,19 @@ st.markdown(f"""
         }}
     }}
     
-    [data-testid="stHeader"] {{
-        background: rgba(0, 0, 0, 0.3);
-        backdrop-filter: blur(10px);
+    /* Additional elements */
+    button, input, optgroup, select, textarea {{
+        font-family: 'Orbitron', sans-serif !important;
     }}
     
-    .stSelectbox label,
-    .stSelectbox div[data-baseweb="select"] span {{
-        color: white !important;
+    .streamlit-expanderHeader {{
+        font-family: 'Orbitron', sans-serif !important;
+        letter-spacing: 1px;
     }}
     
-    div[data-testid="stMarkdownContainer"] {{
-        color: white;
+    .stAlert {{
+        font-family: 'Orbitron', sans-serif !important;
+        letter-spacing: 0.5px;
     }}
 </style>
 """, unsafe_allow_html=True)