Update app.py

app.py

@@ -15,13 +15,11 @@ from io import BytesIO
 # Set up OpenAI API
 openai.api_key = "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"
 
-# Custom CSS for the page
 st.markdown(
     """
 <style>
     body {
         background-color: transparent;
-        color: #000;
     }
     .container {
         display: flex;
@@ -31,13 +29,22 @@ st.markdown(
         border-radius: 15px;
         padding: 20px;
     }
-    h1, h2 {
-        background: rgba(0, 0, 0, 0.6);
-        border-radius: 15px;
-        padding: 10px;
-        color: white;
-        -webkit-backdrop-filter: blur(10px);
-        backdrop-filter: blur(10px);
+    .stApp {
+        background-color: transparent;
+    }
+    .stText, .stMarkdown, .stTextInput>label, .stButton>button>span {
+        color: #1c1c1c !important; /* Set the dark text color for text elements */
+    }
+    .stButton>button>span {
+        color: initial !important; /* Reset the text color for the 'Generate Caption' button */
+    }
+    .stMarkdown h1, .stMarkdown h2 {
+        color: white !important; /* Set the text color of h1 and h2 elements to white */
+        display: inline;
+        padding: 8px 16px;
+        background-color: rgba(0, 0, 0, 0.6);
+        border-radius: 10px;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     }
 </style>
 """,