body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background-color: black; /* Colore di sfondo nero */
}
body, html {
  scrollbar-width: none; /* Per Firefox */
}

body::-webkit-scrollbar {
  display: none; /* Per Chrome, Safari, Edge */
}


.fullscreen{
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Rende l'immagine di sfondo fissa */
  width: 100%;
  height: 100vh; /* Altezza fissata per il div rosso */
  margin-bottom: 5%;
}

.titolone {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: haleOutObl;
  height: 100%; /* Imposta l'altezza al 100% del div rosso */
}

.titolone h1{
  margin: 0;
  color: white;
  font-size: 10vw;
}

.banner {
  background-color: transparent;
  width: 98vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner a {
  position: relative; /* Per posizionare il testo sovrapposto */
  flex: 1; /* Ogni immagine occupa la stessa quantità di spazio disponibile */
  margin: 0; /* Margine tra le immagini */
}

.banner img {
  width: 100vw; /* Le immagini non supereranno mai la larghezza del loro contenitore */
  height: auto; /* L'altezza delle immagini sarà adattata proporzionalmente alla larghezza */
  display: block; /* Per eliminare gli spazi bianchi sotto le immagini */
}


.testoBanner{
  position: absolute; /* Posizionamento assoluto */
  height: auto; /* Altezza automatica */
  width: 100%; /* Larghezza al 100% del contenitore */
  right: 0; /* Allineato a destra */
  background: transparent; /* Sfondo trasparente */
  color: white; /* Colore del testo */
  text-align: center; /* Testo centrato */
  font-family: 'haleOutObl', sans-serif; /* Font personalizzato */
  font-size: 3em; /* Dimensione del font */
  padding: 10px; /* Spaziatura interna */
  transform-origin: center; /* Origine della trasformazione al centro */
  white-space: nowrap; /* Impedisce al testo di andare a capo */
  transform: scaleX(1) scaleY(1); /* Inizialmente nessuna distorsione */

}