*{
    margin:0%;
    padding:0%;
}
/* body{
    font-size: 'Manjari', sans-serif;
} */
.container{
    background-color: white;
    width: 90%;
    max-width: 1000px;
    display: grid;
    margin: 1.6em auto;
    gap: 1.6em;
    grid-template-columns: repeat(5,1fr);

}
.container>.contenido,
.container>.sidebar,
.container>.footer,
.container>.related-post,
.container>.header{
    background-color: white;
    padding: 20px;
    border: 1px solid black;
}

.container>.footer,
.container>.header{
    grid-column:1/6;
    background-color: black;
    color:white
}
.container>.contenido{
    grid-column: span 3;
    display:grid;
    grid-template-rows: repeat(3,1fr);
}
.container>.sidebar {
    grid-column: span 2;
    display: grid;
    grid-template-rows: repeat(3,1fr);
    
}
.container>.sidebar>div>img {
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.container article{
    background-color: rgb(92, 81, 81);
    border: 1px solid rgb(71, 61, 61);
    padding: 20px;
    margin-top: 5px;
    h1, p {
        padding: 10px;
        color: white;
    }
}
.container>.related-post{
    background-color: rgb(0, 0, 0);
    color: white;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}
.container>.related-post:hover{
    cursor: pointer;
    background-color: white;
    border: 1px solid black;
    color: black;
}
.container>.header img{
    float: left;
    padding: 1em;
}
.container>.header h1{
    float: left;
    padding: 1em;
}
.container>.contenido>.article img {
    float: right;
}
.container>.footer{
    font-style: italic;
}
@media screen and (max-width:1000px) {
    .container>.contenido,
    .container>.sidebar,
    .container>.related-post{
        grid-column: 1/-1;
    }
}