.TipoA {
    -webkit-animation-name: animazione-lenta;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
  }
  @-webkit-keyframes animazione-lenta {
    0% {-webkit-transform:translateX(0px) translateY(0px) rotate(0deg)}
    10% {-webkit-transform:translateX(1px) translateY(5px) rotate(0deg)}
    20% {-webkit-transform:translateX(2px) translateY(10px) rotate(0deg)}
    30% {-webkit-transform:translateX(3px) translateY(15px) rotate(0deg)}
    40% {-webkit-transform:translateX(4px) translateY(20px) rotate(0deg)}
    50% {-webkit-transform:translateX(5px) translateY(25px) rotate(0deg)}
    60% {-webkit-transform:translateX(4px) translateY(20px) rotate(0deg)}
    70% {-webkit-transform:translateX(3px) translateY(15px) rotate(0deg)}
    80% {-webkit-transform:translateX(2px) translateY(10px) rotate(0deg)}
    90% {-webkit-transform:translateX(1px) translateY(5px) rotate(0deg)}
    100% {-webkit-transform:translateX(0px) translateY(0px) rotate(0deg)}
  }

  .TipoB {
    -webkit-animation-name: animazione-media;
    -webkit-animation-duration: 500ms;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
  }
  @-webkit-keyframes animazione-media {
    0% {-webkit-transform:translateX(0px) translateY(0px) rotate(0deg)}
    10% {-webkit-transform:translateX(0px) translateY(0.5px) rotate(0deg)}
    20% {-webkit-transform:translateX(0px) translateY(1px) rotate(0deg)}
    30% {-webkit-transform:translateX(0px) translateY(1.5px) rotate(0deg)}
    40% {-webkit-transform:translateX(0px) translateY(2px) rotate(0deg)}
    50% {-webkit-transform:translateX(0px) translateY(2.5px) rotate(0deg)}
    60% {-webkit-transform:translateX(0px) translateY(2px) rotate(0deg)}
    70% {-webkit-transform:translateX(0px) translateY(1.5px) rotate(0deg)}
    80% {-webkit-transform:translateX(0px) translateY(1px) rotate(0deg)}
    90% {-webkit-transform:translateX(0px) translateY(0.5px) rotate(0deg)}
    100% {-webkit-transform:translateX(0px) translateY(0px) rotate(0deg)}
  }
  .TipoC {
    -webkit-animation-name: animazione-media-veloce;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
  }
  @-webkit-keyframes animazione-media-veloce {
    0% {-webkit-transform:translateX(0px) translateY(0px) rotate(0deg)}
    10% {-webkit-transform:translateX(1px) translateY(6px) rotate(0deg)}
    20% {-webkit-transform:translateX(-1px) translateY(12px) rotate(0deg)}
    30% {-webkit-transform:translateX(1px) translateY(18px) rotate(0deg)}
    40% {-webkit-transform:translateX(-1px) translateY(24px) rotate(0deg)}
    50% {-webkit-transform:translateX(1px) translateY(30px) rotate(0deg)}
    60% {-webkit-transform:translateX(-1px) translateY(24px) rotate(0deg)}
    70% {-webkit-transform:translateX(1px) translateY(18px) rotate(0deg)}
    80% {-webkit-transform:translateX(-1px) translateY(12px) rotate(0deg)}
    90% {-webkit-transform:translateX(1px) translateY(6px) rotate(0deg)}
    100% {-webkit-transform:translateX(-1px) translateY(0px) rotate(0deg)}
  }
  .TipoD {
    -webkit-animation-name: animazione-veloce;
    -webkit-animation-duration: 1500ms;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
  }
  @-webkit-keyframes animazione-veloce {
    0% {-webkit-transform:translateX(0px) translateY(0px) rotate(0deg)}
    10% {-webkit-transform:translateX(0px) translateY(1px) rotate(0deg)}
    20% {-webkit-transform:translateX(0px) translateY(2px) rotate(0deg)}
    30% {-webkit-transform:translateX(0px) translateY(3px) rotate(0deg)}
    40% {-webkit-transform:translateX(0px) translateY(4px) rotate(0deg)}
    50% {-webkit-transform:translateX(0px) translateY(5px) rotate(0deg)}
    60% {-webkit-transform:translateX(0px) translateY(4px) rotate(0deg)}
    70% {-webkit-transform:translateX(0px) translateY(3px) rotate(0deg)}
    80% {-webkit-transform:translateX(0px) translateY(2px) rotate(0deg)}
    90% {-webkit-transform:translateX(0px) translateY(1px) rotate(0deg)}
    100% {-webkit-transform:translateX(0px) translateY(0px) rotate(0deg)}
  }
  .TipoE {
    -webkit-animation-name: animazione-minima;
    -webkit-animation-duration: 800ms;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
  }
  @-webkit-keyframes animazione-minima {
    0% {-webkit-transform:translateX(0px) translateY(0px) rotate(0deg)}
    10% {-webkit-transform:translateX(0px) translateY(1px) rotate(0deg)}
    20% {-webkit-transform:translateX(0px) translateY(2px) rotate(0deg)}
    30% {-webkit-transform:translateX(0px) translateY(3px) rotate(0deg)}
    40% {-webkit-transform:translateX(0px) translateY(4px) rotate(0deg)}
    50% {-webkit-transform:translateX(0px) translateY(5px) rotate(0deg)}
    60% {-webkit-transform:translateX(0px) translateY(4px) rotate(0deg)}
    70% {-webkit-transform:translateX(0px) translateY(3px) rotate(0deg)}
    80% {-webkit-transform:translateX(0px) translateY(2px) rotate(0deg)}
    90% {-webkit-transform:translateX(0px) translateY(1px) rotate(0deg)}
    100% {-webkit-transform:translateX(0px) translateY(0px) rotate(0deg)}
  }