/* Create two columns/boxes that floats next to each other */
nav1 {
    float: left;
    width: 20%;
    height: 500px; /* only for demonstration, should be removed */
    background: #ccc;
    padding: 10px;
    position: fixed;
    left: 0;
  }
  
  /* Style the list inside the menu */
  nav1 ul {
    list-style-type: none;
    padding: 0;
  }
  
  article {
    float: left;
    padding: 20px;
    width: 70%;
    background-color: #f1f1f1;
    height: 300px; /* only for demonstration, should be removed */
  }
  
  /* Clear floats after the columns */
  section::after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Style the footer */
  footer {
    background-color: #777;
    padding: 10px;
    text-align: center;
    color: white;
    /*position: fixed;*/
  }