Haga lo que hicimos

style.css

body {
    background-color: rgb(248, 248, 248);
    color: rgb(255, 255, 255);
}
h1 {
    font-size: 300%;
    text-align: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

p{
    font-size: 120%;
    font-family: cursive;
}

.texto-destacado{
    color: rgb(117, 47, 25)
}

img{
    width: 20%;
}
.con-img{
    display: flex;
    justify-content: center;

}
strong {
    color: #86beca
}
.con-titulo {
    margin: 2% 5% 2% 5%;

}
.titulo {
    background-color: rgb(209, 81, 81);
    justify-content: center;
    display: flex;
}
.titulo-blog{
    color: white; /* Elige un color llamativo */
    font-size: 32px; /* Aumenta el tamaño de fuente */
    font-weight: bold; /* Aplica negrita */
    text-transform: uppercase; /* Convierte a mayúsculas */
    letter-spacing: 2px; /* Agrega espacio entre letras */
}

.Nombre{
    color: rgb(247, 31, 31);
}

a {
    display: inline-block;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 20px;
    background-color: #04274d; /* Color de fondo */
    color: #fff; /* Color del texto */
    text-decoration: none; /* Quita el subrayado del enlace */
    padding: 10px 20px; /* Espacio interno del botón */
    border-radius: 5px; /* Bordes redondeados */
    transition: background-color 2s ease; /* Transición suave al pasar el mouse */
  }
  
a:hover {
    background-color: #e0e5eb; /* Color de fondo al pasar el mouse */
  }```