Update app.py

app.py

@@ -3,7 +3,6 @@ import requests
 import os
 
 # Fetch Hugging Face and Groq API keys from secrets
-
 Transalate_token = os.getenv('HUGGINGFACE_TOKEN')
 Image_Token = os.getenv('HUGGINGFACE_TOKEN')
 Content_Token = os.getenv('GROQ_API_KEY')
@@ -90,7 +89,46 @@ def generate_image(image_prompt):
 
 # Main Streamlit app
 def main():
-  
+    # Custom CSS for background, borders, and other styling
+    st.markdown(
+        """
+        <style>
+        body {
+            background-image: url('https://wallpapercave.com/wp/wp4008910.jpg');
+            background-size: cover;
+        }
+        .reportview-container {
+            background: rgba(255, 255, 255, 0.85);
+            padding: 2rem;
+            border-radius: 10px;
+            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
+        }
+        .result-container {
+            border: 2px solid #4CAF50;
+            padding: 20px;
+            border-radius: 10px;
+            margin-top: 20px;
+            animation: fadeIn 2s ease;
+        }
+        @keyframes fadeIn {
+            0% { opacity: 0; }
+            100% { opacity: 1; }
+        }
+        .stButton button {
+            background-color: #4CAF50;
+            color: white;
+            border-radius: 10px;
+            padding: 10px;
+        }
+        .stButton button:hover {
+            background-color: #45a049;
+            transform: scale(1.05);
+            transition: 0.2s ease-in-out;
+        }
+        </style>
+        """, unsafe_allow_html=True
+    )
+
     st.title("🅰️ℹ️ FusionMind ➡️ Multimodal Generator 🤖")
 
     # Sidebar for temperature and token adjustment
@@ -130,4 +168,4 @@ def main():
                         st.image(image_data, caption="Generated Image")
 
 if __name__ == "__main__":
-    main()
+    main()