a.back:hover {
  color: lime;
}

a:active {
  text-decoration: underline;
  color: limegreen;
}

button, .reset-button {
  margin-top: 10px;
  padding: 10px 20px;
  border-radius: 4px;

  color: white;
  background-color: transparent;
  border: 3px solid white;

  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  text-decoration: none;

  cursor: pointer;
  outline: none;

  transition: all 0.1s;
}

button:hover, .reset-button:hover {
  box-shadow: 0 15px 20px -5px rgba(0, 0, 0, .3);
  transform: translate(0, -2px);
}

div.rank-display {
  position: absolute;
  top: 50px;
  left: 50px;

  width: 35px;
  height: 35px;

  border-radius: 35px;

  z-index: 2;
}

div.rank-display > h6 {
  margin: 0;

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  text-align: center;

  color: white;
  font-size: 15pt;
  font-family: "terminal", "Times New Roman", serif;
}

body {
  scrollbar-width: auto;
  scrollbar-color: #8c4168 #111111;
}

body::-webkit-scrollbar {
  width: 12px;
}

body::-webkit-scrollbar-track {
  background:  #111111;
}

body::-webkit-scrollbar-thumb {
  background-color: #8c4168;
}