:root{
  --page-numbers-margin:3px;
}

.img-margin{
    margin: 20px auto;
  }
  
  .navigation{
    padding: 30px;
    margin-top:35px;
    margin-bottom:25px;
  }
  
  .nav-links{
      position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
  }
  
  
  .page-numbers{
      /* color: black; */
    float: left;
    text-decoration: none;
      /* border: 1px solid #ddd; */

    padding: 10px 16px;
    margin:0 var(--page-numbers-margin);
  }
  .page-numbers:first-child {
    margin-left:0;
    margin-right:var(--page-numbers-margin);
  }
  .page-numbers:last-child {
    margin-left:var(--page-numbers-margin);
    margin-right:0;
  }
/*
  .page-numbers:hover{
      background-color: #128a6a;
      color: white;
  }
  
  .current{
      background-color: #128a6a;
    color: white;
  } */