
#contenedor-header{
    background:pink;
    border-radius: 20px;
    padding: 15px;
    display: flex;
}
#header-titulos{
    text-align:center;
    width: 75%;
    font-family: fantasy;
    letter-spacing: 10px;
}
#headerimg{
    text-align: center;
    width:20%;
    height:20%;
}
#navega{
    background: white;
    
}
nav ul{
    display: flex;
    justify-content: center;
    padding: 5px;
    list-style: none;
}
li{
    margin: 3px;
    background: #FF3393;
    color: white;
    font-size: 20px;
    border-radius: 10px;
    padding: 5px;
    font-style: italic;
    font-family: fantasy;
}
#contenedor-principal{
    display: flex;
}
section{
    width: 80%;
}
aside{
    width: 20%;
    height: max-content;
    border: 3px pink solid;
    border-radius: 20px;
    padding: 5px;
    text-align: center;
    font-family: fantasy;
}
aside p{
    background: #E3FAD7;
    border-radius: 15px;
    font-weight: 300;
    padding: 15px;
    font-size: 15px;
    color: black;
    text-align: center;
    font-family: fantasy;
}
article{
    display: flex;
    justify-content: center;
    margin: 15px;
    background: #E3FAD7;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    font-family: fantasy;
}

article div p{
    background: #FAD7E8;
    border-radius: 20px;
    font-weight: 300;
    padding: 15px;
    font-size: 20px;
    font-style: italic;
    color: black;
    text-align: center;
}
article img{
    margin: 15px;
    width: 20%;
    height: 20%;
}
article div{
    width: 400px;
    background: #eeeeee;
    padding: 20px;
    border-radius: 15px;
}
footer{
    background: pink;
    border-radius: 20px;
    padding: 2px;
    display: flex;
    
}
.footer-p{
    color: black;
    font-weight: bolder;
    font-size: 20px;
    width: 50%;
    font-style: oblique;
    text-align: center;
    font-family: fantasy;
}
a{
    color: white;
    text-decoration: none;
}
