/**********
  CLASSI DA UTILIZZARE PER SCROLL PAGINA

.scroll_opacity -> solo per opacità
.scroll_up -> entra dal basso - opacità e translateY 10vh
.scroll_sx ->  entra da sinistra - opacità e translateX -10vh
.scroll_dx ->  entra da destra - opacità e translateX 10vh

  ************/



/*titoli h1 con inserimenti span gsap*/

/*
devono essere inserite due classi:
1. "animate_gsap" - al div che contiene tutto, in genere la section
2. "target" - al div che racchiude h1 e p
*/

.anispan{ /*la classe viene inserita dal js*/
    width: 100%;
      -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
      clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
    transform: translateY(-50px);
    opacity: 0;
  }

  .anip{ /*la classe che deve avere di partenza l'elemento p*/
  opacity:0;
  }