/* La pagina è composta larga 1200 e alta 1100 (la pagina iniziale intera, con le 4 schede): nelle finestre più
   strette o più basse si rimpicciolisce tutta, senza script, quanto basta per starci; vale il più piccolo dei due.
   In larghezza ogni gradino lascia 40 punti di margine; in altezza i gradini sono di 30 punti, fino alle finestre alte
   620 (sotto, come un telefono girato, conta solo la larghezza). Sotto i 640 punti di larghezza c'è la versione per il
   telefono (stili/telefono*.css, la larghezza è TELEFONO in scripts/costruisci.mjs), che non si rimpicciolisce. */
.site {
  zoom: min(var(--zoom-largo, 1), var(--zoom-alto, 1));
}
@media (max-width: 1199px) {
  .site {
    --zoom-largo: 0.966;
  }
}
@media (max-width: 1159px) {
  .site {
    --zoom-largo: 0.932;
  }
}
@media (max-width: 1119px) {
  .site {
    --zoom-largo: 0.899;
  }
}
@media (max-width: 1079px) {
  .site {
    --zoom-largo: 0.866;
  }
}
@media (max-width: 1039px) {
  .site {
    --zoom-largo: 0.833;
  }
}
@media (max-width: 999px) {
  .site {
    --zoom-largo: 0.799;
  }
}
@media (max-width: 959px) {
  .site {
    --zoom-largo: 0.766;
  }
}
@media (max-width: 919px) {
  .site {
    --zoom-largo: 0.733;
  }
}
@media (max-width: 879px) {
  .site {
    --zoom-largo: 0.699;
  }
}
@media (max-width: 839px) {
  .site {
    --zoom-largo: 0.666;
  }
}
@media (max-width: 799px) {
  .site {
    --zoom-largo: 0.632;
  }
}
@media (max-width: 759px) {
  .site {
    --zoom-largo: 0.599;
  }
}
@media (max-width: 719px) {
  .site {
    --zoom-largo: 0.566;
  }
}
@media (max-width: 679px) {
  .site {
    --zoom-largo: 0.532;
  }
}
@media (min-height: 620px) and (max-height: 1099px) {
  .site {
    --zoom-alto: 0.973;
  }
}
@media (min-height: 620px) and (max-height: 1069px) {
  .site {
    --zoom-alto: 0.945;
  }
}
@media (min-height: 620px) and (max-height: 1039px) {
  .site {
    --zoom-alto: 0.918;
  }
}
@media (min-height: 620px) and (max-height: 1009px) {
  .site {
    --zoom-alto: 0.891;
  }
}
@media (min-height: 620px) and (max-height: 979px) {
  .site {
    --zoom-alto: 0.864;
  }
}
@media (min-height: 620px) and (max-height: 949px) {
  .site {
    --zoom-alto: 0.836;
  }
}
@media (min-height: 620px) and (max-height: 919px) {
  .site {
    --zoom-alto: 0.809;
  }
}
@media (min-height: 620px) and (max-height: 889px) {
  .site {
    --zoom-alto: 0.782;
  }
}
@media (min-height: 620px) and (max-height: 859px) {
  .site {
    --zoom-alto: 0.755;
  }
}
@media (min-height: 620px) and (max-height: 829px) {
  .site {
    --zoom-alto: 0.727;
  }
}
@media (min-height: 620px) and (max-height: 799px) {
  .site {
    --zoom-alto: 0.7;
  }
}
@media (min-height: 620px) and (max-height: 769px) {
  .site {
    --zoom-alto: 0.673;
  }
}
@media (min-height: 620px) and (max-height: 739px) {
  .site {
    --zoom-alto: 0.645;
  }
}
@media (min-height: 620px) and (max-height: 709px) {
  .site {
    --zoom-alto: 0.618;
  }
}
@media (min-height: 620px) and (max-height: 679px) {
  .site {
    --zoom-alto: 0.591;
  }
}
@media (min-height: 620px) and (max-height: 649px) {
  .site {
    --zoom-alto: 0.564;
  }
}