a {
  color: black;
  cursor: pointer;
}

a:hover {
  color: black;
}

.achievement {
  padding: 5px;
  position: relative;
}

.achievement-rank {
  position: absolute;
  opacity: 0.5;
  color: #a47122;
  font-weight: bold;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.active > .page-link,
.page-link.active {
  background-color: #bd2529;
  border-color: #bd2529;
}

.page-link {
  color: #bd2529;
}