.animation-breath{
  -webkit-animation: breath 10s infinite normal;
  animation: breath 10s infinite normal;
}


@-webkit-keyframes breath {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  35% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes breath {
  0% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  35% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}




.animation-float{
  -webkit-animation: float 10s infinite normal;
  animation: float 10s infinite normal;
}

@keyframes float {
	0% {
		box-shadow: 0 5px 5px 0px rgba(0,0,0,0.3);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 5px 0px rgba(0,0,0,0.1);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 5px 0px rgba(0,0,0,0.3);
		transform: translatey(0px);
	}
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

.animation-spin {
  animation: rotation 5s ease-in-out infinite;
}
.animation-reverse-spin{
  animation: rotation 5s ease-in-out infinite;
  animation-direction: reverse;
}

@keyframes shake {
  0% {
    transform: translatex(0px);
  }
  15% {
    transform: translatex(+1px);
  }
  30% {
    transform: translatex(-1.5px);
  }
  45% {
    transform: translatex(+2px);
  }
  60% {
    transform: translatex(-2px);
  }
  75% {
    transform: translatex(+1.5px);
  }
  90% {
    transform: translatex(-1px);
  }
  100% {
    transform: translatex(0px);
  }
}

.animation-shake {
  transform: translatey(0px);
  animation: shake 3s ease-in-out infinite;
}




.animation-jump{
  -webkit-animation: float 1s infinite normal;
  animation: float 1s infinite normal;
}

@keyframes jump {
	0% {
		box-shadow: 0 5px 5px 0px rgba(0,0,0,0.3);
		transform: translatey(0px);
	}
	25% {
		box-shadow: 0 25px 5px 0px rgba(0,0,0,0.1);
		transform: translatey(-20px);
	}
	90% {
		box-shadow: 0 5px 5px 0px rgba(0,0,0,0.3);
		transform: translatey(0px);
	}
}

.animation-jump-shake{
  -webkit-animation: jump-shake .2s infinite;
  animation: jump-shake 1.2s infinite;
}
@keyframes jump-shake {
    0% { transform: translate(-50%, -50%) scale(1.25, 0.75); }
    50% { transform: translate(-50%, -150%) scale(1, 1); }
    55% { transform: translate(-50%, -150%) rotate(15deg); }
    60% { transform: translate(-50%, -150%) rotate(-15deg); }
    65% { transform: translate(-50%, -150%) rotate(15deg); }
    70% { transform: translate(-50%, -150%) rotate(-15deg); }
    100% { transform: translate(-50%, -50%) scale(1.25, 0.75); }
}