.div1{
    /*Stilos para primer y ultimo div dentro del div principal*/
    background-color: rgb(248, 96, 96);
    text-align: right;
    border-radius: 30px;
    border: 1px;
    border-color: red;
    padding-right: 20px;
    padding-top: 30;
    padding-bottom: 30px;

}

.div2{
    /*Stilos para segundo y quinto div dentro del div principal*/
    background-color: rgb(207, 255, 136);
    text-align: center;
    border-radius: 30px;
    border: 1px;
    border-color: rgb(0, 225, 4);
    padding-top: 30;
    padding-bottom: 30px;

}
.div3{
    /*Stilos para tercer y cuarto div dentro del div principal*/
    background-color:skyblue;
    text-align: left;
    border-radius: 30px;
    border: 1px;
    border-color: rgb(0, 98, 255);

    padding-left: 20px;


}
#divContainer{
    /*Distribucion para el div que contendra los otros divs en formato de columnas*/
    display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 15px;
}
#divArriba{
        /*division del primer div*/
    display: grid;
    grid-template-columns: 20% 80%;

}
h1,h2,h3,p{
    /*Color y fuente del texto de la pagina*/
    color: rgb(151, 0, 151);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.img1 {
  display: block; /* La convierte en un elemento de bloque */
  margin-left: auto; /* Margen automático a la izquierda */
  margin-right: auto; /* Margen automático a la derecha */
}
/* Estilo para el encabezado */
#encabezado {
  text-align: center;
}

/* Estilo para el párrafo */
#parrafo {
  text-align: left;
}
#divFinal{
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    background-color: rgb(254, 192, 167);
    border-radius: 30px;

}