html, body {
    overflow-x: hidden; /* Prevent horizontal scrolling */
    touch-action: manipulation;
    background-color: #24292E;
    color: white;
  }

  .leaderboardContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  button {
    color: white;
    background-color: #3C4045;
    padding: 10px;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 3rem;
  }


  h1 {
    font-size: 6rem;
  }

  th {
    font-size: 5rem;
    padding: 1rem;
  }

  td {
    font-size: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .profile {
    border-radius: 50%;
    max-width: 15rem;
    max-height: 15rem;
    height: 15rem;
    width: 15rem;
    object-fit: cover;
    margin-right: 2rem;
    margin-top: 1rem;
  }

  .profile.rank1 {
    border: 1rem solid gold;
  }

  .profile.rank2 {
    border: .75rem solid silver;
    margin-right: 1.25rem;
  }

  .profile.rank3 {
    border: .5rem solid #CD7F32;
    margin-right: 1.5rem;
  }

  tr {
    border: 1rem solid #3C4045;
  }

  .rowContainer {
    display: flex;
    flex-direction: column;
    font-size: 4rem;
    width: 80vw;
  }

  .playerRow {
    display: flex;
    margin-top: 1rem;
    border-top: .25rem solid #3C4045;
    align-items: center;
  }

  .labelRow {
    display: flex;
    font-size: 3rem;
    width: 80vw;
    margin-bottom: -3rem;
  }

  .labelRow .wins {
    margin-left: auto;
  }

  .labelRow .name {
    margin-left: 18.55rem;
  }

  .playerRow .wins {
    margin-left: auto;
  }