* {
    
    margin: 0;
    border: 0;

}

html, body {

    height: 100%;

    
}


header {

    height: 40px;
    background-color: yellow;

}

h1 {
   
    text-align: center;

}

main {
   
    display: inline-block;
    height: 500px;

}
    
.main-section {
    
    
    display: inline-block;
    position: absolute;
    top: 13%;
    right: 33.333%;
    margin-bottom: 30%;
    border-left: solid 3px green;
    padding-left: 10px;
    line-height: 38px;
    

}

.aside-menu-left-nav {
    
    display: inline-block;
    
}

.lista-aside-left {
    
    position: fixed;
    top: 0;
    display: inline-block;
    height: 130px;
    width: 7vmax;
    background-color: rgb(255, 255, 255);
    list-style: none;
    margin-top: 5%;
    margin-left: -10px;

}

.home-menu-aside-left  {
   
    font-size: 25px;
    font-weight: bold;
    

}

span {

   font-weight: bold;

}

.aside-menu-right-nav {

  display: inline-block;
  width: 250px; 

}

.lista-aside-right {
      
       position: fixed;
       top: 0;
       right: 0;
       display: inline-block;
       height: 150px;
       width: 13vmax;
       background-color: rgb(255, 255, 255);
       list-style: none;
       border: 3px dashed green;
       margin-top: 5%;
       margin-right: 2%;
       padding-right: 16px;
       text-align: right;
             
       
}


.Menu-right {

    font-size: 25px;
    font-weight: bold;
    padding-bottom: 20px;

}


footer {

    position: absolute;
    top: 100%;
    bottom: 0;
    
    width: 100%;
    height: 85px;
    background-color: yellow;
    

}

.contact {

   padding-top: 1%;
   padding-left: 25%;
   text-align: center;

}