.navbar-collapse {
  flex-grow: 0 !important;
}

dialog::backdrop {
  background-color: rgba(255, 255, 255, 0.2);
}

dialog {
  background-color: var(--bs-body-bg);
  width: 90%;
  border: none;
  border-radius: 1.5rem;
}

@media (min-width: 768px) {
  dialog {
    background-color: var(--bs-body-bg);
    width: 60%;
    border: none;
    border-radius: 1.5rem;
  }
}

@media (min-width: 1200px) {
  dialog {
    background-color: var(--bs-body-bg);
    width: 30%;
    border: none;
    border-radius: 1.5rem;
  }
}

.rank-1 {
  font-weight: bolder;
  color: gold;
}

.rank-2 {
  font-weight: bolder;
  color: #a8b7e6;
}

.rank-3 {
  font-weight: bolder;
  color: #8c7853;
}