/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
     /* Cambia la fuente y el color de fondo */
    font-family: Georgia, serif;
    background-color: #ffffff; /* Blanco */
    color: #444444; /* Gris oscuro */
    line-height: 1.6;
    margin: 50px 10%; /* Más espacio a los lados */
}

h1 {
    /* Un color de título más suave */
    color: #2c3e50; /* Un azul oscuro elegante */
    text-align: center; /* Centra el título */
    margin-bottom: 30px;
}

h2 {
    color: #3498db; /* Un azul más brillante para los subtítulos */
    border-bottom: 2px solid #3498db;
    padding-bottom: 5px;
}

p {
    text-align: justify;
}

a {
    /* Estilo para los enlaces */
    color: #3498db;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    text-decoration: underline; /* La línea aparece al pasar el cursor */
}