.container {
  display: grid; 
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.standingsTable {
  width: 100%;
  border-radius: 0.8rem;
  color: #fff;

  thead {
    background-color: #3E3C47;
    

    tr {
        th {
            padding: 1rem 0;
            text-transform: uppercase;
        }
      th:first-child {
        border-top-left-radius: 0.8rem;
      }

      th:last-child {
        border-top-right-radius: 0.8rem;
      }

      th:nth-child(2) {
        width: 30%;
        @include min(tablet){
          width: 50%;
        }
        text-align: left;
      }
    }
  }

  tbody {
    tr {
      background: #020315;

      td {
        text-align: center;
        padding: .5rem 0;
      }

      td:nth-child(2) {
        text-align: left;
      }
    }

    tr:nth-child(even) {
      background: #272735;
    }
  }
}
