@media (max-width: 56em) {
  .title span {
    font-size: 8.4rem;
  }
  .results {
    grid-template-columns: repeat(3, 1fr);
  }
  .pokesearch {
    height: 105rem;
    padding: 1rem 0 6rem 0;
  }
  .result-container {
    margin-top: 2rem;
    margin-left: 10rem;
    margin-right: 10rem;
  }
  .result-allData {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
}

@media (max-width: 44em) {
  .title span {
    font-size: 6.8rem;
  }
  .pokesearch {
    height: 195rem;
  }
  .search input {
    width: 35rem;
  }
  .results {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 2rem;
  }
  .result-container {
    margin-top: 0;
    margin-left: 2rem;
    margin-right: 2rem;
  }
  table {
    align-self: center;
  }
  th {
    padding: 1rem;
    text-align: center;
  }
  tr {
    display: grid;
    grid-template-columns: 15rem 1fr;
    align-items: center;
    box-shadow: 0 0px 8px 0 rgba(230, 72, 72, 0.1);
  }
  td div {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  td span {
    padding: 0.8rem;
    margin: 1rem;
  }
  .content-stats table tr {
    margin: 0.8rem;
  }
}
@media (max-width: 28em) {
  .title span {
    font-size: 5rem;
  }
  .results {
    grid-template-columns: 1fr;
    padding-top: 6rem;
  }
  .search input {
    width: 30rem;
  }
}
@media (max-width: 22em) {
  .title span {
    font-size: 4rem;
  }
  .search input {
    width: 24rem;
  }
  .result-container {
    margin: 0;
  }
}