body
{     margin: 0;
    background-color: gray;
  font-family: "Butcherman", system-ui;
  font-weight: 400;
    font-style: normal;}

header{
width: 100%;
height: 100px;
background-color: saddlebrown;
}

aside{
    width: 90%;
    height:400px;
    background-color:sandybrown;
    float:center;
    z-index: 1;
   padding-top:5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right:5%;
    
}

#wrapper{
    height:1000px;
    width: 500px;
    margin-right: auto;
    margin-left: auto;
}

section{
    width: 80%;
    height:80%;
    background-color:lightgray;
    margin:auto;
    padding-top:5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right:5%;
}

article{
height: 100%;
width: 45%;
background-color:firebrick;
    float:right;
}

nav{
height: 100%;
width: 45%;
background-color:#723030; 
    float:left;
}



footer{
width: 100%;
height: 100px;
background-color: saddlebrown;
}

#box{
    width:70%;
  height: 8%; 
background-color: #723030;
    position: relative;
    top: 80%;
    left: 15%  
}