Update app.py

app.py

@@ -26,9 +26,28 @@ def translate_text(model, tokenizer, text):
     translated_text = tokenizer.decode(translated[0], skip_special_tokens=True)
     return translated_text
 
-# Streamlit app layout
-st.markdown("<h1 style='text-align: center; color: #4B9CD3;'>🌍 Multilingual Translator 🌍</h1>", unsafe_allow_html=True)
-st.markdown("<p style='text-align: center; color: #333; font-size: 18px;'>Translate English text into multiple languages</p>", unsafe_allow_html=True)
+# Streamlit app layout with CSS for background and design
+st.markdown("""
+    <style>
+        body {
+            background: linear-gradient(to right, #4facfe, #00f2fe);
+            color: white;
+        }
+        .stApp {
+            background: linear-gradient(to bottom, #4facfe, #00f2fe);
+        }
+        .css-1d391kg {
+            background-color: rgba(0, 0, 0, 0.7);
+            color: white;
+            border-radius: 10px;
+            padding: 20px;
+        }
+    </style>
+""", unsafe_allow_html=True)
+
+# App title and subtitle with attractive design
+st.markdown("<h1 style='text-align: center; color: white;'>🌍 Polyglot Translator 🌍</h1>", unsafe_allow_html=True)
+st.markdown("<p style='text-align: center; color: #ffffff; font-size: 20px;'>Empowering You to Speak Any Language!</p>", unsafe_allow_html=True)
 
 # Sidebar for language selection and instructions
 st.sidebar.title("Language Options")
@@ -40,10 +59,11 @@ st.sidebar.write("2. Select the target language from the options.")
 st.sidebar.write("3. Click **Translate** to get the result.")
 
 # Input text
-text = st.text_area("Enter text in English to translate:", height=150)
+st.markdown("<h3 style='color: white;'>Enter text in English to translate:</h3>", unsafe_allow_html=True)
+text = st.text_area("", height=150)
 
 # Character count
-st.write(f"Character count: {len(text)}")
+st.write(f"<p style='color: white;'>Character count: {len(text)}</p>", unsafe_allow_html=True)
 
 # Button to translate
 if st.button("Translate"):
@@ -58,9 +78,7 @@ if st.button("Translate"):
             translated_text = translate_text(model, tokenizer, text)
         
         # Display the translation
-        st.markdown(f"<h3 style='color: #4B9CD3;'>Translated Text ({language}):</h3>", unsafe_allow_html=True)
+        st.markdown(f"<h3 style='color: white;'>Translated Text ({language}):</h3>", unsafe_allow_html=True)
         st.success(translated_text)
     else:
         st.error("Please enter text to translate.")
-
-    unsafe_allow_html=True