html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "Gotham";
  scroll-behavior: smooth;
  height: 100%;

  /* Scroll invisibile */
  overflow-y: scroll;          
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE 10+ */
}

/* Chrome, Edge, Safari - Nasconde scrollbar */
html::-webkit-scrollbar {
  display: none;
}

/* Sezioni a pieno schermo */
.full-section, 
#section2, 
#section4 {
  margin: 0;
  padding: 0;
  height: 100vh;
  position: relative;
  overflow: hidden; /* Previene artefatti visivi dai canvas */
}

/* Colori e stile delle sezioni */
#section1 { 
  background: #111; 
  color: #fff; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  font-size: 3rem; 
}

#section2 { 
  background: #222; 
  color: #191914ff; 
}

#section3 { 
  background: #333; 
  color: #191914ff; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  font-size: 3rem; 
}

#section4, #section5 { 
  background: #444; 
}

/* ---------------------------- */
/* STILE SCHEDA OVERLAY (prog1) */
/* ---------------------------- */

/* Assicura che il canvas di p5 non crei scroll indesiderati */
canvas {
  display: block;
}

/* Nota: Tutta la gestione di z-index, blur e posizione di prog1 
   è ora gestita dinamicamente nello sketch JS tramite cnv.style() */