/* Stile generale */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1 {
  text-align: center;
  color: #006400; /* Verde scuro */
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #047a04; /* Verde lime */
  color: white;
}

tfoot td {
  font-weight: bold;
}

input, button {
  border: 1px solid #006400; /* Verde scuro */
  padding: 8px;
  margin: 5px 0;
}

button {
  background-color: #32CD32; /* Verde lime */
  color: white;
}

#searchBar {
  border: 1px solid #006400; /* Verde scuro */
  padding: 8px;
  width: calc(100% - 20px);
  margin: 10px auto;
}

/* Stile per schermi 16:9 (telefono) */
@media screen and (max-aspect-ratio: 16/9) {
  body {
    padding: 10px;
  }

  table {
    font-size: 14px;
  }

  input, button {
    width: 100%;
    margin-bottom: 10px;
  }

  #searchBar {
    width: calc(100% - 20px);
    margin: 10px auto;
  }
}

/* Stile per schermi 9:16 (computer) */
@media screen and (min-aspect-ratio: 9/16) {
  body {
    padding: 20px;
  }

  table {
    font-size: 16px;
  }

  input, button {
    width: auto;
    margin-right: 10px;
  }

  #searchBar {
    width: 300px;
    margin: 10px 0;
  }
}
/* Stile per schermi 4:3 (tablet) */