/* Stili di base (comuni a tutti i dispositivi) */

body {
  font-style: italic;
}

h3 {
}

h4 {
}

input {
}

button {
}

a {
}

select {
  width: 80%;
  padding: 0.5em;
  background-color: #fff;
  border-radius: 0.25rem;
  color: #000;
  cursor: pointer;
}

table {
  table-layout: fixed;
  border-collapse: collapse;
}

th {
  text-align: center;
  vertical-align: middle;
  border: 1px solid black;
  background-color: #E0AB76;
  padding: 0.2em;
}

td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid black;
  padding: 0.2em;
}

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

tr:nth-child(odd) {
  background-color: #E5E4E2;
}

/* Stili per smartphone (max-width: 768px - puoi adattare questo valore) */
@media (max-width: 768px) {

  body {
    font-size: 4vw; /* Unità vw per responsive font size su mobile */
  }

  h3 {
    font-size: 5vw;
  }

  h4 {
    font-size: 4vw;
  }

  input {
    font-size: 4vw;
  }

  button {
    font-size: 5vw;
  }

  a {
    font-size: 3vw;
  }

  select {
    font-size: 1.3rem; /* o usa vw se preferisci */
  }

  table {
    font-size: 3vw;
  }

}

/* Stili per desktop (min-width: 769px) */
@media (min-width: 769px) {

  body {
    font-size: 2vmax; /* Torna a vmax per desktop, o usa altre unità */
  }

  h3 {
    font-size: 3vmax;
  }

  h4 {
    font-size: 2vmax;
  }

  input {
    font-size: 2vmax;
  }

  button {
    font-size: 3vmax;
  }

  a {
    font-size: 1.5vmax;
  }

  select {
    font-size: 1.15rem; /* o usa vmin/vmax se preferisci */
  }

  table {
    font-size: 1.7vmax;
  }

}