html{
    width: 95%;
    height: 90%;
    font-family: Verdana;
    margin: auto;
}

body{

    width: 100%;
    height: 100%;
    border: 1px solid red;

}

#fundo{
    width: 100%;
    height: 100%;

    position: relative;
}
header{
    background-color: chartreuse;
    width: 100%;
    height: 10%;
    display: flex;
    align-items: center;
    justify-content: center;

}
h1{
    margin: 0;
}

#ladoDirInsideBox h1{
    text-align: center;
}


#ladoEsq{
    background-color: red;
    position: relative;
    float: left;
    width: 30%;
    height: 70%;
    display: flex;
    flex-direction: column;
   
    

}

#ladoEsq nav{
    position: relative;
    width: 90%;
    height: 45%;
    background-color: white;
    margin: auto;
    
}
#ladoEsq aside{
    position: relative;
    width: 90%;
    height: 45%;
    background-color: white;
    margin: auto;

}


#ladoDir{
    background-color: plum;
    display: flex;
    position: relative;
    flex-direction: column;
    float: left;
    width: 70%;
    height: 70%;
}

#ladoDirInsideBox{
    position: relative;
    width: 96%;
    height: 100%;
    background-color: white;
    margin: 10px;
   

}

#ladoDir section{
    width: 80%;
    height: 80%;
    display: flex;
    position: relative;
    
}

#ladoDir article{

    width: 100%;
}

#ladoDir h1{
    background-color: rgb(29, 170, 36);
    width: 100%;
    height: 8%;

}

#ladoDir p{
    background-color: rgb(90, 92, 223);
    width: 100%;
    height: 30%;
   
}

footer{
    background-color: rgb(88, 57, 16);
    height: 20%;
    position: relative;
    clear: left;
    color: white;
}