.levels {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 1fr 1fr;
  
  place-items: center;

  cursor: pointer;
}

#levelDisplay {
  align-self: center;
  
  font-size: 1.25rem;
}

.xpDisplay {
  background: rgba(255, 100, 100, 1);
  width: 100%;
  white-space: nowrap;
  text-align: center;
  position: relative;
}

#xpTextDisplay {
  position: absolute;
  text-align: center;
  left: 40%;
  top: 10%;
}

#xpDisplay {
  background-color: var(--button-color);
  width: 50%;
}