@charset "UTF-8";
/* CSS Document */

  .grid-container {
    display: grid;
}

.grid-container--fill {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.grid-element {
  
  padding: 5px 10px;
  color: #333;

}
.grid-element a:hover{
    color: #f00;
}
    .closeBtn{
   font-size: 1.2em;
font-weight:bold;color:#333;
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
        text-decoration: none;
    }
    .closeBtn:hover{
        text-decoration: none;
    }
    .card-matter{
        margin:15px 0;
        padding:15px;
        background:#efefef;
      border:1px solid #dddddd;
    }
   .pagination {
  display: inline-block;

}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
    background-color: #eee;
    margin:0 5px;
    border-radius:12px;
}

.pagination a.active {
  background-color: #0b9bb3;
  color: white;
    border-color: #117a8b;
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.pagination a:hover:not(.active) {background-color: #ddd;}