.animated-pop-in {
    animation: 0.5s ease backwards pop-in 1; 
}
.animated-rotate-pop-in  {
    animation: 0.5s ease backwards rotate-pop-in 1; 
}
.animated-falling {
    animation: 1s ease backwards falling 1; 
}
.animated-pulsating {
    animation: 0.5s ease pulsating 1; 
}
.animated-pulsating-loop-slow {
    animation: 1s 1s ease pulsating infinite; 
}
.animated-shake {
    animation: 0.5s ease shake 1; 
}
.animated-fade-in {
    animation: 0.5s ease backwards fade-in 1; 
}
.animated-fall-in {
    animation: 1.5s ease backwards fall-in 1; 
}
.animated-shake-infinite {
    animation: 0.5s ease shake infinite; 
}
.animated-slide-in-right {
    animation: 1s ease backwards slide-in-right 1; 
}
.animated-slide-in-left {
    animation: 1s ease backwards slide-in-left 1; 
}
.animated-slide-in-up {
    animation: 1s ease backwards slide-in-up 1; 
}
.animated-slide-in-down {
    animation: 1s ease backwards slide-in-down 1; 
}
.animated-slide-in-down-center {
    animation: 1s ease backwards slide-in-down-center 1; 
}

.animation-infinite {
    animation-iteration-count: infinite;
}
.animation-reverse {
    animation-direction: reverse;
    animation-fill-mode: forwards;
}

.animation-rotating-center {
    position: absolute;
    width: 30%;
    top: 35%;
    left: 35%;
}
.animation-rotating-item {
    position: absolute;
    width: 15%;
    top: 50%;
    left: 12.5%;
    transform: translate(-50%, -50%);
    animation: 4s linear backwards rotate infinite; 
}
.animation-rotating-item:nth-child(1) {
    animation-delay: 0s;
}
.animation-rotating-item:nth-child(2) {
    animation-delay: -0.5s;
}
.animation-rotating-item:nth-child(3) {
    animation-delay: -1s;
}
.animation-rotating-item:nth-child(4) {
    animation-delay: -1.5s;
}
.animation-rotating-item:nth-child(5) {
    animation-delay: -2s;
}
.animation-rotating-item:nth-child(6) {
    animation-delay: -2.5s;
}
.animation-rotating-item:nth-child(7) {
    animation-delay: -3s;
}
.animation-rotating-item:nth-child(8) {
    animation-delay: -3.5s;
}

.animation-delay-0-5 {
    animation-delay: 0.5s;
}
.animation-delay-1 {
    animation-delay: 1s;
}
.animation-delay-1-5 {
    animation-delay: 1.5s;
}
.animation-delay-2 {
    animation-delay: 2s;
}
.animation-delay-2-5 {
    animation-delay: 2.5s;
}
.animation-delay-3 {
    animation-delay: 3s;
}
.animation-delay-3-5 {
    animation-delay: 3.5s;
}
.animation-delay-4 {
    animation-delay: 4s;
}
.animation-delay-4-5 {
    animation-delay: 4.5s;
}
.animation-delay-5 {
    animation-delay: 5s;
}
.animation-delay-5-5 {
    animation-delay: 5.5s;
}
.animation-delay-6 {
    animation-delay: 6s;
}
.animation-delay-6-5 {
    animation-delay: 6.5s;
}
.animation-delay-7 {
    animation-delay: 7s;
}
.animation-delay-7-5 {
    animation-delay: 7.5s;
}
.animation-delay-8 {
    animation-delay: 8s;
}
.animation-delay-8-5 {
    animation-delay: 8.5s;
}
.animation-delay-9 {
    animation-delay: 9s;
}
.animation-delay-9-5 {
    animation-delay: 9.5s;
}
.animation-delay-10 {
    animation-delay: 10s;
}

@keyframes falling {
    0%	    {transform: translateY(0);animation-timing-function: ease-out;}
    25%	    {transform: translateY(-100%);animation-timing-function: ease-in;}
    75%	    {opacity: 1;}
    100%    {transform: translateY(1000%);opacity: 0;}
}
@keyframes falling-right {
    0%	    {transform: translateY(0) translateX(0);animation-timing-function: ease-out;}
    25%	    {transform: translateY(-100%) translateX(100%);animation-timing-function: ease-in;}
    75%	    {opacity: 1;}
    100%    {transform: translateY(1000%) translateX(500%);opacity: 0;}
}
@keyframes falling-left {
    0%	    {transform: translateY(0) translateX(0);animation-timing-function: ease-out;}
    25%	    {transform: translateY(-100%) translateX(-100%);animation-timing-function: ease-in;}
    75%	    {opacity: 1;}
    100%    {transform: translateY(1000%) translateX(-500%);opacity: 0;}
}

@keyframes pulsating {
    0%	    {transform: scale(1);}
    33%	    {transform: scale(1);}
    50%	    {transform: scale(1.2);}
    67%	    {transform: scale(1);}
    75%	    {transform: scale(1.1);}
    100%    {transform: scale(1);}
}

@keyframes stress {
    0%	    {transform: scale(1);animation-timing-function: cubic-bezier(0.200, 1.090, 0.565, 1.235);}
    50%	    {transform: scale(1.1);}
    100%    {transform: scale(1);}
}
@keyframes rotate {
    0%	    {top: 50%; left: 12.5%;}
    12.5%   {top: 26.52%; left: 26.52%;}
    25%	    {top: 12.5%; left: 50%;}
    37.5%   {top: 26.52%; left: 73.58%;}
    50%	    {top: 50%; left: 87.5%;}
    62.5%   {top: 73.58%; left: 75%;}
    75%	    {top: 87.5%; left: 50%;}
    87.5%   {top: 73.58%; left: 26.52%;}
    100%    {top: 50%; left: 12.5%;}
}

@keyframes pop-in {
    0%	    {transform: scale(0);animation-timing-function: cubic-bezier(0.200, 1.090, 0.565, 1.235);}
    100%    {transform: scale(1);}
}

@keyframes rotate-pop-in {
    0%	    {transform: scale(0) rotate(60deg);animation-timing-function: cubic-bezier(0.200, 1.090, 0.565, 1.235);}
    100%    {transform: scale(1) rotate(0deg);}
}

@keyframes slide-in-left {
    0%	    {transform: translateX(-500%);}
    100%    {transform: translateX(0%);}
}
@keyframes slide-in-right {
    0%	    {transform: translateX(500%);}
    100%    {transform: translateX(0%);}
}
@keyframes slide-in-down {
    0%	    {transform: translateY(500%);}
    100%    {transform: translateY(0%);}
}
@keyframes slide-in-down-center {
    0%	    {transform: translate(-50%, 500%);}
    100%    {transform: translate(-50%, -50%);}
}
@keyframes slide-in-up {
    0%	    {transform: translateY(-500%);}
    100%    {transform: translateY(0%);}
}

@keyframes fall-in {
    32%, 64%, 80%, 88% {transform: translateY(0);animation-timing-function: ease-out;} 
    0%	    {transform: translateY(-400%);animation-timing-function: ease-in;}
    48%	    {transform: translateY(-30%);animation-timing-function: ease-in;}
    72%	    {transform: translateY(-8%);animation-timing-function: ease-in;}
    84%    {transform: translateY(-2%);}
}

@keyframes fade-in {
    0%	    { opacity: 0; }
    100%    { opacity: 1; }
}

@keyframes shake {
    0%	    { transform: translate(0px, 0px) rotate(0deg); }
    10%	    { transform: translate(-1px, -2px) rotate(-1deg); }
    20%	    { transform: translate(-3px, 0px) rotate(1deg); }
    30%	    { transform: translate(3px, 2px) rotate(0deg); }
    40%	    { transform: translate(1px, -1px) rotate(1deg); }
    50%	    { transform: translate(-1px, 2px) rotate(-1deg); }
    60%	    { transform: translate(-3px, 1px) rotate(0deg); }
    70%	    { transform: translate(3px, 1px) rotate(-1deg); }
    80%	    { transform: translate(-1px, -1px) rotate(1deg); }
    90%	    { transform: translate(1px, 2px) rotate(0deg); }
    100%    { transform: translate(0px, 0px) rotate(0deg); }
}

@keyframes pulse {
    0%	    { transform: scale(1); }
    25%	    { transform: scale(1); }
    50%	    { transform: scale(1.5); }
    75%	    { transform: scale(1); }
    100%    { transform: scale(1); }
}

@keyframes walk{
    0%{transform: translate(0,0) rotate(0);}

    10%{transform: translate(0,0) rotate(0);}
    20%{transform: translate(-2px,-4px) rotate(-2deg);}
    30%{transform: translate(-2px,-4px) rotate(-2deg);}
    40%{transform: translate(0,0) rotate(0);}

    60%{transform: translate(0,0) rotate(0);}
    70%{transform: translate(2px,-4px) rotate(2deg);}
    80%{transform: translate(2px,-4px) rotate(2deg);}
    90%{transform: translate(0,0) rotate(0);}.

    100%{transform: translate(0,0) rotate(0);}
}