/* Small screens */
@media (max-width: 576px) {
  h1 {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }

  .but {
    width: 100px;
  }

  .score {
    font-size: 1.2rem;
  }

  .msgcontainer {
    font-size: 1rem;
    width: 80%;
  }
}

/* Tablets */
@media (min-width: 577px) and (max-width: 768px) {
  h1 {
    font-size: 2.2rem;
  }

  .but {
    width: 150px;
  }

  .score {
    font-size: 1.5rem;
  }
}

/* Larger desktops */
@media (min-width: 1200px) {
  h1 {
    font-size: 3rem;
  }

  .but {
    width: 220px;
  }

  .score {
    font-size: 2rem;
  }

  .msgcontainer {
    font-size: 1.4rem;
  }
}