*{
    margin: 0;
    padding: 0;
   }
   body{
    background: #1faa13;
   }
   header, .main, footer{
    width: 90%;
    max-width: 1000px;
    margin: 20px auto;
   }
   header nav{
    background: #d55259;
    overflow: hidden;
   }
   header nav ul{
    list-style: none;
  
   }
   header nav ul li{
    float: left;
   }
   header nav ul li a{
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    color: #fff;
    overflow: hidden;
   }
   header nav ul li a:hover{
    background: #75acec;
   }
   .main .articles {
    width: 68.5%;
    margin-right: 1.5%;
    float: left;
   }
   .main .articles article{
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
   }
   footer{
    background: #000;
    color: #fff;
    clear: both;
    padding: 10px 0;
    text-align: center;
   }
   aside{
    width: 30%;
    background: #80faa2;
    float: left;
    padding: 20px;
    box-sizing: border-box;
   }