@keyframes ingresso-rotate {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
@keyframes ingresso {
  0%{
    opacity: 0;
    top: -100%;
  }
  50%{
    opacity: 0.2;
    top: 0;
  }
  100%{
    opacity: 1
    top: 0;
  }
}
@keyframes ingresso2 {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1
  }
}
@keyframes compari {
  0%{
    opacity: 0;
    transform: scale(0);
    /* border-radius: 30%; */
  }
  100%{
    opacity: 1;
    transform: scale(1);
    /* border-radius: 0%; */
  }
}
@keyframes scompari1 {
  0%{
    transform: scaleY(1) scaleX(1);
    /* border-radius: 100%; */
  }
  70%{
    transform: scaleY(0.5) scaleX(0.5);
    /* border-radius: 0; */
  }
  85%{
    transform: scaleY(0.8) scaleX(0.8);
    /* border-radius: 0; */
    opacity: 1;
  }
  100%{
    transform: scaleY(0) scaleX(0);
    opacity: 0;
  }
}
@keyframes circle {
  0%{
    clip-path: circle(0% at 50% 50%);
    -webkit-clip-path: circle(0% at 50% 50%);
  }
  100%{
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}
@keyframes circle2 {
  0%{
    -webkit-clip-path: circle(100%);
  }
  100%{
    -webkit-clip-path: circle(0%);
  }
}

@keyframes compariHover {
  0%{
    opacity: 0;
    transform: scale(0);
  }
  75%{
    opacity: 0;
    transform: scale(0);
  }
  100%{
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes compari-rotate {
  0%{
    opacity: 0;
    transform: scale(0) rotate(-10deg);
  }
  100%{
    opacity: 1;
    transform: scale(1) rotate(-10deg);
  }
}
/* @keyframes pallocino {
  0%{
    bottom: -200%;
  }
  70%{
    bottom: -70%;
  }
  80%{
    bottom: 15px;
  }
  90%{
    bottom: -10px;
  }
  100%{
    bottom: 0;
  }
} */
@keyframes pallocino2 {
  0%{
    transform: translate(0%, 0%);
  }
  40%{
    transform: translate(-2%, 3%);
  }
  80%{
    transform: translate(2%, 5%);
  }
  100%{
    transform: translate(0, 0);
  }

}
@keyframes pallocino2r {
  0%{
    transform: translate(0%, 0%);
  }
  25%{
    transform: translate(4%, 3%);
  }
  50%{
    transform: translate(5%, 0%);
  }
  75%{
    transform: translate(3%, -1%);
  }
  100%{
    transform: translate(0, 0);
  }
}
@keyframes sfondo-zoom {
  50%{
    transform: scale(1.4);
  }
  100%{
    transform: scale(1);
  }
}
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite forwards;
	        animation: heartbeat 1.5s ease-in-out infinite forwards;
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.rot {
  animation: rotate .6s ease-in-out forwards;
}
@keyframes rotate {
  0%{
    transform: rotate(0);
  }
  100%{
    transform: rotate(180deg);
  }
}