:root {
  color-scheme: light;
  --sfondo: #ffffff;
  /* Arancione scuro: contrasto 5,2:1 su bianco (il #FFA500 puro arriva solo a 2:1) */
  --arancione: #c2410c;
}

*, *::before, *::after { box-sizing: border-box; }

html, body { height: 100%; margin: 0; }

body {
  background: var(--sfondo);
  font-family: Arial, Helvetica, sans-serif;
}

main {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
}

h1 {
  margin: 0;
  color: var(--arancione);
  font-weight: 700;
  /* "Mastrowebbetto" misura circa 7,7em in Arial grassetto:
     6.5vw la porta a circa metà della larghezza della viewport */
  font-size: 6.5vw;
  line-height: 1;
  white-space: nowrap;
}