/*    C O N T E N I T O R E        P R I N C I P A L E     */
 
.container {                                                
           position: absolute;
           background-image: url("../immagini/sfondo.gif");
           background-repeat: repeat;
           background-position: top left;
           width: 80vw; 
           left: 9vw;
           top: 0vh;
/*   border: 1px solid #800000;  */
/* border: 1px solid #0000FF; */
}

/* 🔥 Font principale per tutto il sito */
body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 400; /* Normale */
  font-size: 18px;
  color: #333;
}


/* Sottotitolo pagine interne (opera, metodo, contesto) */
.testo h2.sottotitolo-pagina {
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: #800000;          /* Bordeaux Leonardo */
  text-align: left;
  margin-top: 1vh;
  margin-bottom: 0vh;
  letter-spacing: 0.5px;
}

p {
  font-size: 18px;
  line-height: 1.6;
  color: #555;
margin-top: 0vh;  
letter-spacing: 0.6px;
}

.testo {
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  opacity: 1;
transform: translateY(20px);
  animation: fadeInUptesto 1s ease-out forwards;

}

/* Animazione testo */
@keyframes fadeInUptesto {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}