Update app.py

app.py

@@ -2,7 +2,27 @@ import streamlit as st
 from transformers import pipeline
 
 # Título de la aplicación
-st.title("Traducción Instantánea: Inglés - Español y Español - Inglés")
+st.markdown(
+    """
+    <style>
+        .title {
+            text-align: center;
+            color: #4CAF50;  /* Color del título */
+            font-size: 36px; /* Tamaño del texto */
+            margin-bottom: 20px; /* Espacio debajo del título */
+        }
+        .text-area {
+            margin-bottom: 20px; /* Espacio debajo del área de texto */
+        }
+        .selectbox {
+            margin-bottom: 20px; /* Espacio debajo del selectbox */
+        }
+    </style>
+    """,
+    unsafe_allow_html=True
+)
+
+st.markdown('<h1 class="title">Traducción Instantánea: Inglés - Español y Español - Inglés</h1>', unsafe_allow_html=True)
 
 # Cargar los modelos de traducción
 modelo_en_es = 'Helsinki-NLP/opus-mt-en-es'  # Inglés a Español
@@ -11,12 +31,15 @@ modelo_es_en = 'Helsinki-NLP/opus-mt-es-en'  # Español a Inglés
 traductor_en_es = pipeline('translation', model=modelo_en_es)
 traductor_es_en = pipeline('translation', model=modelo_es_en)
 
+# Entrada de texto del usuario
+texto_a_traducir = st.text_area("Introduce el texto que deseas traducir:", "", key="text_area", height=150)
+
+# Espaciado entre el área de texto y el selectbox
+st.write("")  # Espacio vacío
+
 # Selección del modo de traducción
 modo_traduccion = st.selectbox("Selecciona el modo de traducción:", 
-                                 ["Inglés a Español", "Español a Inglés"])
-
-# Entrada de texto del usuario
-texto_a_traducir = st.text_area("Introduce el texto que deseas traducir:", "")
+                                 ["Inglés a Español", "Español a Inglés"], key="selectbox")
 
 if st.button("Traducir"):
     if texto_a_traducir:
@@ -35,3 +58,4 @@ if st.button("Traducir"):
 
 
 
+