*{
    box-sizing: border-box;
  }

body{
    margin:0px;
  }

header{
    background-color:lightgreen;
    text-align:center;
    padding:25px;
  }  
  
.navbar{
    background-color:green;
    height:50px;
  }  
  
aside{
    width:20%;
    float: left;
    padding:10px;
  }
section{
    width:40%;
    float: left;
    padding:10px;
  }
article{
    width:40%;
    float: left;
    padding:10px;
  }

footer{
    display: block;
    clear: both;
    background-color:lightgreen;
    text-align:center;
    padding:25px;
  }  
  
@media screen and (max-width:600px){
    aside, section, article{
        width: 100%;
      }
  }
  
  
  
  
  
  
  .pagination{
      text-align: center;
    }
  .pagination a{
      color:black;
      text-decoration:none;
      padding: 8px 15px;
      display: inline-block;
      background-color:none;
    }

 .pagination a.active{
   background-color:darkgreen;
   font-weight:bold;
   border-radius:5px;
   }

 .pagination a:hover:not(.active){
    background-color:grey;
    border-radius:5px;
   }