body {
  font-family: Type Machine, 'Courier New', Courier, monospace;
  color: rgb(220, 104, 255);
    font-size: 16px;

    background: linear-gradient(133deg, #f7c9ff, #bbf7da, #f3f7bb, #bbf1f7, #d2bbf7);
    background-size: 1000% 1000%;


    display: flex;
    justify-content: center; /* Centratura orizzontale */
    align-items: center; /* Centratura verticale */
    height: 100vh; /* Altezza massima della finestra */
    

    -webkit-animation: prova 28s ease infinite;
    -moz-animation: prova 28s ease infinite;
    -o-animation: prova 28s ease infinite;
    animation: prova 28s ease infinite;
}


.form-container {
  padding: 20px;
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}



@-webkit-keyframes prova {
    0%{background-position:0% 7%}
    50%{background-position:100% 94%}
    100%{background-position:0% 7%}
}
@-moz-keyframes prova {
    0%{background-position:0% 7%}
    50%{background-position:100% 94%}
    100%{background-position:0% 7%}
}
@-o-keyframes prova {
    0%{background-position:0% 7%}
    50%{background-position:100% 94%}
    100%{background-position:0% 7%}
}
@keyframes prova {
    0%{background-position:0% 7%}
    50%{background-position:100% 94%}
    100%{background-position:0% 7%}
}

a {
  color: rgb(255, 0, 242);
  text-decoration: none;
}

a:hover {
  color: black;
  text-decoration: none;
}


.facile {
text-align: center;
  }

  .faci {
    text-align: center;
    font-size: 13.5px;
  }
  
  div.gallery img {
    justify-content: center;
    width: 50%;
  }
  
  .gallery {
    text-align: center;
  }

  div.desc {
    padding: 15px;
    text-align: center;
  }
  
  * {
    box-sizing: border-box;
  }
  
  .responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
  }
  
  @media only screen and (max-width: 700px) {
    .responsive {
      width: 49.99999%;
      margin: 6px 0;
    }
  }
  
  @media only screen and (max-width: 500px) {
    .responsive {
      width: 100%;
    }
  }
  
  .clearfix:after {
    content: "";
    display: table;
    clear: both;
  }