html, body {
    width: 100vw;
    min-height: 100vh;
    margin: 0;
    padding: 0;
  }
 
  body {
    display: grid;
    grid-template-rows: 85px auto 50px;
    grid-template-columns: minmax(200px, 1fr) 9fr
    
  }

  header {
      grid-column: 1 / 3;
      background-color: #B50717;
      border-bottom-width: 3px;
      border-bottom-color:#ECECEC;
      border-bottom-style: solid;
  }
  
  
  button {
    border:0px;
  }

  nav {
      grid-row: 2 /span 2;
      background-color: #131313;
      padding:5px;
  }
  
  nav button {
    padding-top: 8px;
    padding-bottom: 8px; 
    text-decoration: none;
    color: #ECECEC;
    display: block;
    transition: 0.3s;
    background-color: #1D1D1D;
    width:100%;
    border-bottom:1px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
  }
  
  nav button:hover {
    color:white;
    cursor: pointer;
    background-color:#CF291D;
    opacity: .7;
  }

  nav button.active {
    color:white;
    cursor: pointer;
    background-color:#CF291D ;
  }

  footer {
      background-color: gray;
  }

  main {
      background-color: rgb(238, 238, 238);
  }