@media only screen and (max-width: 480px) {
  .modal {
    width: 80%;
    padding: 4rem;
  }

  .overlay {
    height: 100vh;
  }

  .modalP {
    font-size: 3rem;
  }

  .restart-button,
  .reset-score--button {
    font-size: 1.5rem;
    padding: 0.8em 1.5em;
  }

  .gameGrid {
    width: 250px;
    height: 250px;
    animation: fadeIn 1s ease forwards;
  }

  .gameGrid div {
    font-size: 36px;
  }

  .players h1 {
    color: #fff;
    font-weight: 300;
    font-size: 2.5rem;
  }

  .players p {
    color: #fff;
    font-weight: 300;
    font-size: 1.5rem;
  }
}