@media (max-width: 480px) {
  body {
    margin: 5px;
    font-size: 1.1rem; /* basfont större */
  }

  h1 {
    font-size: 2rem; /* större rubrik */
  }

  .box, .wrapper {
    width: 90%;       /* nästan full bredd */
    padding: 25px 0;    /* mer luft i boxen */
  }

  input, button {
    padding: 15px;    /* lättare att trycka på */
    font-size: 1.2rem; /* större text */
  }

  .stats {
    font-size: 1.1rem; 
  }

  .small {
    font-size: 1rem;
  }
}
body {
      font-family: Arial, sans-serif;
      background: #f9f8f5;
      text-align: center;
      margin: 40px;
    }
    a {
    color: #333;
    }
    h1 {
      font-size: 2.6rem;
    }
    .box {
      background: white;
      padding: 5%;
      margin: 20px auto;
      max-width: 420px;
      border-radius: 10px;
      width: 90%;
    }
    .wrapper {
    width: 90%;       /* nästan full bredd */
    padding: 0;    /* mer luft i boxen */
    margin: auto;
  }
    input, button {
    font-size: 1.1rem;
    padding: 10px;
    margin: 5px;
    border: none;
    border-radius: 10px;
    }
    button {
    height: 90px;
    min-width: 200px;
    background: #226579;
    color: #fff;
    }
    .stats {
      font-size: 1.3rem;
    }
    .small {
      color: #555;
      font-size: 0.9rem;
    }