Update app.py

app.py

@@ -30,11 +30,19 @@ st.markdown(
         border-radius: 8px;
         text-align: center;
     }
+    .output-box {
+        background-color: #ffffff;  
+        border: 1px solid #ccc;    
+        border-radius: 8px;       
+        padding: 1rem;
+        margin-top: 1rem;
+    }
     </style>
     """,
     unsafe_allow_html=True
 )
 
+st.markdown('<h1 class="title">🌎 TRANSLINGO 🔡</h1>', unsafe_allow_html=True)
 
 col1, col2, col3 = st.columns([1, 3, 1])
 
@@ -59,7 +67,9 @@ with col2:
             translation = translator(text, max_length=400)[0]['translation_text']
             
             # Display translation
-            st.write(f"*Translation in {selected_language}:*")
-            st.write(translation)
+            st.markdown(
+                f'<div class="output-box"><h3>Translation in {selected_language}:</h3><p>{translation}</p></div>',
+                unsafe_allow_html=True
+            )
         else:
             st.write("Please enter some text to translate.")