#Pagination {

    margin-left: 2%;
    margin-right: 2%;
    padding-top: 1.1%;

    text-align: center;

    background-color: lightskyblue;

  @media screen and (min-width: 770px) {
    padding-top: 1.2%;
    padding-bottom: 3%;
  }
  @media screen and (min-width: 361px) and (max-width: 769px) {
    padding-top: 1.5%;
    padding-bottom: 5%;
  }
  @media screen and (max-width: 360px) {
    padding-top: 2.5%;
    padding-bottom: 5%;
  }
}

.PageNumber {

  padding: 0.5rem;

  border: solid black 1.5px;
  box-shadow: 1px 1px 1px gray;

  text-decoration: none;
  font-family: "Abeezee", sans-serif;

  color: black;
  background-color: white;

  @media screen and (min-width: 361px) {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  @media screen and (max-width: 360px) {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

.PageNumber:hover {

    box-shadow: 0.5px 0.5px 0.5px gray;
}

.PageNumber:active {

    box-shadow: 0px 0px 0px gray;
}

.PageNumber:visited {
    color: black;
}

.CurrentPage {

    background-color: lightgray;
}

.Ellipses {

    font-family: 'Abeezee', sans-serif;
}