Update app.py

app.py

@@ -23,7 +23,24 @@ st.title('VibeConnect')
 emojis = ["🤣","🥲","🥹","😇","😍","😋","🤪","🤩","🥳","😭","😡","😦","😧","😮","🥴","🤮","🤧","😷"]
 
 # Create a string of emojis to use as the background
-background_emojis = " ".join(emojis * 20)  # Repeat the emojis to cover the background
+background_emojis = " ".join(emojis * 10)  # Repeat the emojis to cover the background
+
+centered_text = """
+    <style>
+        .center {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 100vh; /* Adjust height as needed */
+        }
+    </style>
+    <div class="center">
+        <h1>VibeConnect</h1>
+    </div>
+"""
+
+# Set the HTML as the app's content
+st.markdown(centered_text, unsafe_allow_html=True)
 
 # Use HTML and CSS to set the background
 background_style = f"""
@@ -55,7 +72,26 @@ background_style = f"""
 # Set the HTML as the app's background
 st.markdown(background_style, unsafe_allow_html=True)
 
+faded_youtube_logo = """
+    <style>
+        .center {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+        }
+
+        .faded-logo {
+            opacity: 0.5; /* Adjust the opacity as needed */
+        }
+    </style>
+    <div class="center">
+        <img class="faded-logo" src="https://www.google.com/url?sa=i&url=https%3A%2F%2Fturbologo.com%2Farticles%2Fyoutube-logo%2F&psig=AOvVaw1gU5UHyLbw5yrC8oMHTMGv&ust=1701710559816000&source=images&cd=vfe&ved=0CBIQjRxqFwoTCNCDnO7k84IDFQAAAAAdAAAAABAE" alt="YouTube Logo" width="200">
+    </div>
+"""
 
+# Set the HTML as the app's content
+st.markdown(faded_youtube_logo, unsafe_allow_html=True)
 
 
 # Text input for the user to enter a sequence