@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');
body {
	font-family: "Libre Baskerville", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:#FF0;
	background:#000;
}
.contenitore {
  display: flex;
  justify-content: center; /* Centratura orizzontale */
  align-items: center;     /* Centratura verticale */
  height: 100vh;           /* Altezza pari a tutta la viewport */
}
.testo_centrato {
  display: flex;
  justify-content: center; /* Centra orizzontalmente */
  align-items: center;     /* Centra verticalmente */
  height: 450px;           /* Altezza del div */
  border: 1px solid black;
}
.centrato {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero-section {
  display: flex;          /* Allinea i div figli in colonna (affiancati) */
  align-items: center;   /* CENTRATURA VERTICALE: allinea i figli lungo l'asse centrale */
  justify-content: center; /* Centra il gruppo orizzontalmente nella pagina */
  gap: 40px;             /* Spazio tra la foto e il testo */
  padding: 50px;
}

.hero-image img {
  max-width: 400px;      /* Imposta la dimensione della foto */
  height: auto;
  display: block;
}

.hero-text {
  max-width: 500px;      /* Evita che il testo diventi troppo largo */
}

/* Responsive: per il cellulare mettiamo uno sopra l'altro */
@media (max-width: 768px) {
  .hero-section {
    flex-direction: column;
    text-align: center;
  }
}
h1{
	font-size:60px;
	color:#FF0;
}
h2{
	font-size:35px;
	color:#FF0;
}
a{
	color:#C00;
}