html,
body
{
height: 100%;
overflow: hidden;
background: url(../img/Home.jpg) no-repeat;
background-size:cover;
background-position: 50% 70%;
font-family: "Barlow", sans-serif;
font-color: #4e332e; 
}

h2 {
color: #4e332e; 
font-weight: 400;
font-size: 25px;
text-align: center;
letter-spacing: 0.15em;
}

p {
color: #4e332e; 
font-weight: 400;
font-size: 15px;
text-align: center;
line-height:24px;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.container {
  display: flex; /* Abilita Flexbox */
  justify-content: center; /* Centra orizzontalmente */
  height: 100vh; /* Rende il contenitore alto quanto la viewport per il centraggio verticale */
}

.box-white {
  position: fixed; 
  top: 0%;
  width: 400px;
  height: 60%;
  background-color: white;
  opacity: 90%;
  text-align: center; /* Centra il testo all'interno del box */
}

.fade-in-text img {
width: 150px;
padding-top:50px;
}

.fade-in-text h2 {
padding-top:50px;
}

.fade-in-text {
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.box-colorato {
  position: fixed; /* o 'absolute' se vuoi che sia relativo al corpo della pagina e non allo schermo */
  bottom: 0; /* Lo attacca in fondo */
  left: 0; /* Lo attacca a sinistra */
  width: 100%; /* Occupare tutta la larghezza */

  /* Stili del box */
  background-color: #4e332e; 
  padding: 20px 40px; /* Spazio interno */
  text-align: left; 
}

.box-colorato a {
color: white;
font-size: 15px;
text-decoration: none;
}

.box-colorato img {
width: 15px;
padding-right:50px;
}