From 8610fc547006a0ce873f2d982d3348aa3ecdabcd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ricardo=20D=C3=ADaz=20N=C3=BA=C3=B1ez?= <UO282909@uniovi.es>
Date: Sat, 2 Mar 2024 20:42:06 +0100
Subject: [PATCH] Add style.css

---
 src/main/resources/static/css/style.css | 58 ++++++++++++++++++++++++-
 1 file changed, 57 insertions(+), 1 deletion(-)

diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css
index cc180c67..4b741f5a 100644
--- a/src/main/resources/static/css/style.css
+++ b/src/main/resources/static/css/style.css
@@ -2,4 +2,60 @@
 html {
     position: relative;
     min-height: 100%;
-}
\ No newline at end of file
+}
+
+/* style.css */
+
+/* Estilo para el contenedor principal */
+.container {
+    max-width: 960px; /* Ancho máximo del contenido */
+    margin: 50px auto; /* Centrar el contenido y agregar un margen superior e inferior */
+}
+
+/* Estilo para los títulos */
+h2 {
+    color: #283048; /* Color de texto azul oscuro */
+}
+
+/* Estilo para los títulos */
+h3 {
+    color: #283048; /* Color de texto azul oscuro */
+}
+
+/* Estilo para las etiquetas 'span' dentro de los párrafos */
+p span {
+    font-weight: bold; /* Texto en negrita */
+}
+
+/* Estilo para los campos de entrada */
+.form-control {
+    border: 1px solid #ced4da; /* Borde gris */
+    border-radius: 4px; /* Borde redondeado */
+    padding: 10px; /* Agregar relleno */
+}
+
+/* Estilo para los labels */
+.control-label {
+    color: #283048; /* Color de texto azul oscuro */
+}
+
+/* Estilo para los mensajes de error */
+.text-danger {
+    color: #721c24; /* Color de texto rojo oscuro */
+}
+
+/* Estilo para el botón de envío */
+.btn-primary {
+    background-color: #283048; /* Color de fondo azul oscuro */
+    border-color: #283048; /* Color del borde */
+    color: #fff; /* Texto blanco */
+    padding: 10px 20px; /* Agregar relleno */
+    border-radius: 4px; /* Borde redondeado */
+    cursor: pointer; /* Cambiar el cursor al pasar el ratón */
+}
+
+/* Estilo para el botón de envío al pasar el ratón */
+.btn-primary:hover {
+    background-color: #1c2530; /* Color de fondo azul más oscuro */
+    border-color: #1c2530; /* Color del borde más oscuro */
+}