Update app.py

app.py

@@ -13,6 +13,15 @@ st.markdown(
         max-width: 90vw; /* Adjust the value as needed */
         font-size: 38px; 
     }
+
+
+
+    .paragraph-container {
+  font-size: 25px; /* Adjust the font size as desired */
+  max-width: 90vw; /* Adjust the container width as needed */
+  background-color: black; /* Set the background color */
+  padding: 10px; /* Add some padding for better readability */
+}
     </style>
     """,
     unsafe_allow_html=True
@@ -195,20 +204,19 @@ Benshiro nodded, his mind already diving back into the problem at hand.  Well, y
 # Main content area
 st.write("This is a Streamlit app where the text appears as if it's being typed like an A.I.")
 
-# Create a placeholder for the typed text
-placeholder = st.empty()
+# Create a container for the paragraph
+paragraph_container = st.markdown("""
+<div class="paragraph-container"></div>
+""", unsafe_allow_html=True)
 
-# Type the text character by character with a typing animation effect
+# Type the text character by character
 typed_text = ""
 for char in text_to_type:
     if char == "\n":
-        typed_text += "\n"
-        placeholder.markdown(f"<span style='font-size: 25px;'>{typed_text}</span>", unsafe_allow_html=True)
-        time.sleep(0.5)  # Increased delay for line break
+        typed_text += "<br>"  # Use <br> for line breaks in HTML
     else:
         typed_text += char
-        placeholder.markdown(f"<span style='font-size: 25px;'>{typed_text}</span>", unsafe_allow_html=True)
-        time.sleep(0.07)  # Slightly increased typing speed
 
-# Add a delay after typing is complete
-time.sleep(2)
+    # Update the paragraph container with the typed text
+    paragraph_container.markdown(typed_text, unsafe_allow_html=True)
+    time.sleep(0.05)  # Adjust the typing speed as needed