body{
    width: 100%;
    height: 100%;
    background-color: #fe0040;
    color: white;
    overflow: hidden;

}
.container{
    margin: 0;
    padding: 0;
   
    height: auto;
    width:auto;


    display: grid;
    grid-template-areas: 
    "h2"
    "post_1"
    "post_2";
    grid-template-rows: auto;
}
#h2{
    grid-template-areas: h2;
    font-family: titulofooter;
    font-size: 1.53em;
  
}
.post_1{
    margin-top: 0px;
    grid-template-areas: post_1;
    display: grid;
    grid-template-areas: "esquerda direita";
    grid-template-columns: 1fr 2fr;
    font-size: 1.2em;
  

    
}
.esquerda img{

    width: 100px;
    padding: 0;
    margin: 0;
    height: 100px;
}
.esuqerda{
    width: 100px;
    margin:0;
    padding: 0;
    grid-template-areas: esquerda;
}
.direita{
    text-align: center;
    grid-template-areas: direita;
    font-size: 1em;
    padding: 0;
    margin: 0;
}
.post_2{
    margin-top: 25px;
    grid-template-areas: post_2;
    display: grid;
    grid-template-areas: "esquerda direita";
    grid-template-columns: 1fr 2fr;
}

a{
    text-decoration: none;
    color: white;
}
/*
.post_1{
    grid-template-areas: post_1;
    display: grid;
    grid-template-areas: "esquerda direita";
    background-color: black;
    grid-template-columns: 1fr 2fr;


    
}
.esquerda img{
    width: 100px;
    height: 80px;
}
.post_1 .esuqerda{
    grid-template-areas: esquerda;
}
.post_1 .direita{
    grid-template-areas: direita;
}


.post_2 .esuqerda{
    grid-template-areas: esquerda_1;
}
.post_2 .direita{
    grid-template-areas: direita_1;
}
.post_2{
    grid-template-areas: post_2;
    display: grid;
    grid-template-areas: "esquerda_1 direita_!";
    background-color: black;
    grid-template-columns: 1fr 2fr;
}
img{
    height: 100px;
    width: 80px;
}
*/
@font-face {
    font-family: titulofooter;
    src: url('DroidSerif-Bold.ttf');
    font-weight:900;
}
@font-face {
    font-family: italicfooter;
    src: url('DroidSerif-Bold.ttf');
}
@media (max-width: 800px){
    .container{
        text-align: center;
        margin: auto;
    }
      

}