@media (max-width:767px){.recent-search{ height:auto;}}
#contenedor-header{
    display: grid;
    justify-content: center;
    background: #1C0C5B
}
#header-titulo{
    text-align: left;
    width: 65%;
    
}

#navega{
    background: #916BBF;
    border: 1px black solid;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

ul{
    display: flex;
    justify-content: center;
}

li{
    margin: 1px;
    background: #C996CC;
    color: white;
    font-size: 20px;
    border-radius: 15px;
    padding: 5px;
    font-style: italic;
    list-style-type: none;
}

header div h1{
    color: white
}
header div h3{
    color: white
}

#contenedor-principal{
    display: flex;
    justify-content: center
}

#contenedor-section{
    display: grid;
    width: 80%
}


aside{
    width: 20%;
    border-left: 1px black solid;
    border-right: 1px black solid;
    padding: 5px;
    margin: 5px
}

aside > p{
    background: #F6F6F6;
    border-radius: 15px;
    font-weight: 300;
    padding: 15px;
    font-size: 15px;
    color: #555555
}

body{
    background: #212121
}
article{
    display: flex;
    justify-content: center;
    margin: 15px;
    background: #6D9886;
    border-radius: 15px;
    padding: 15px;
}

article div p{
    background: #F6F6F6;
    border-radius:  20px;
    font-weight: 300;
    padding: 15px;
    font-size: 20px;
    font-style: italic;
    color: #3b72a0;
    text-align: center
    
}

article div pre{
    background: #F6F6F6;
    border-radius:  20px;
    font-weight: 300;
    padding: 15px;
    font-size: 14px;
    font-style: italic;
    color: #3b72a0;
    text-align: center;
    
}

article div h1{
    font-weight: 900;
    font-size: 20px;
    font-style: italic;
    
}

article div h3{
    font-weight: 700;
    font-size: 17px;
    
}

article > a {
    margin-right: 10px;
    width: 30%;
    height: 0%;
}

a > img {
    width: 100%;
    height: 0%;
}
article > div{
   width: 70%;
    background: #D9CAB3;
    padding: 20px;
    border-radius: 10px;
        
}

footer{
    background: #916BBF;
    border-radius: 15px;
    padding: 2px;
    display: flex;
    
}

.footer-p{
    color: #ffffff;
    font-weight: bolder;
    font-size: 20px;
    font-style: oblique;
    width: 50%;
    text-align: center
    
    font-size: 
}
a{
    color: white;
    text-decoration: none;
}