Update templates/escuchar_trauma1.html

templates/escuchar_trauma1.html

@@ -4,21 +4,41 @@
 	<meta charset="utf-8">
 	<title> Quirohelp </title>
 	<style>
-		body {
-			background-color: #1e1e1e; /* Fondo oscuro */
-			color: #fff; /* Texto blanco */
-			font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
-			margin: 0;
-			padding: 0;
-		}
+      body {
+            background-color: #333; /* Fondo oscuro */
+            color: #fff; /* Texto blanco */
+            font-family: Georgia, 'Times New Roman', Times, serif;
+            margin: 0;
+            padding: 0;
+            text-align: center;
+        }
+        .quiro {
+            background-color: blueviolet;
+            font-size: 3.5rem;
+            padding: 20px 0;
+        }
+        .login2 {
+            text-align: center;
+            padding: 20px;
+        }
+        /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
+        @media screen and (max-width: 768px) {
+            .quiro {
+                font-size: 2.5rem; /* Reducir el tamaño de la fuente */
+            }
+            input[type="button"] {
+                width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
+            }
+        }
+        /* Estilos para pantallas medianas y grandes (más de 768px) */
+        @media screen and (min-width: 769px) {
+            .quiro {
+                font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
+            }
+        }
+
+
 
-		.login22 {
-			background-color: #333; /* Fondo oscuro */
-			margin: 10px;
-			padding: 20px;
-			max-width: 600px; /* Ancho máximo */
-			margin: 0 auto; /* Centrar el contenido en la página */
-		}
 
 		h2, h3 {
 			color: #fff; /* Texto blanco */