@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
body{
      font-family: "Quicksand", sans-serif;  
    }
    
    header{
      background-color: #273B72;  
      padding: 1vw;
      font-size: 25px;
      color: white;
    }
    
    nav{
      float: left;
      width: 24%;
      height: 800px;
      background: #ccc;
      padding: 2vw;
    }
    
    nav, ul{
      list-style-type: none;
      padding: 5px;
    }
    
    article{
      float: right;
      width: 70%;
      background-color: white;
      height: 800px;
    }
    
    section::after{
      content:"";
      display: table;
      clear:both;
    }
    
    footer{
      background-color: #777;
      padding: 1vw;
      text-align: center;
      color: white;
    }
    
    @media (max-width: 600px){
      nav, article{
        width: 100%;
        height: auto;
      }  
    }