* {
    padding: 0;
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
}
body, html {
  height: 100%;
}
.container {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    background-color: #A0A0A0;
}
  header {
   border:1px solid #000000;
   background-color: #404040;
 }
  .container .cab_gen {
    width: 100%;
    height: 14%;
    margin-bottom: 1%;
    top: 0;
  }
  footer {
    border: 1px solid #000000;
    background-color: #404040;
  }
  .container .pie_gen {
    width: 100%;
    height: 14%;
    margin-top: 1%;
  }
    .middle {
      width: 100%;
      height: 70%;
      background-color: #606060;
    }
      .middle {
        display: inline-flex;
      }
      .middle nav {
        width: 15%;
        height: 100%;
        border: 1px solid #000000;
      }
      .middle section{
        width: 65%;
        height: 100%;
        border: 1px solid #000000;
        margin: 0 auto;
      }
      .middle aside {
        width: 15%;
        height: 100%;
        border: 1px solid #000000;
      }
      .middle section .cab_int {
        height: 10%;
      }
      .middle section article {
        height: 74%;
      }
      .middle section .pie_int {
        height: 10%;
      }