@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes minimize {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(0.75);
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes reaction-fly {
	0% {
		transform: translate(0, 0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translate(
				calc(var(--x-translate) * 1px),
				calc(var(--y-translate) * -1px)
			)
			scale(1.5);
		opacity: 0;
	}
}

@keyframes first {
	20% { stroke-dashoffset: 40; }
	40% { stroke-dashoffset: 0; }
	50% { stroke-dashoffset: 40; }
}
  
@keyframes second {
	30% { stroke-dashoffset: 40; }
	40% { stroke-dashoffset: 0; }
	50% { stroke-dashoffset: 40; }
}

@keyframes third {
	35% { stroke-dashoffset: 40; }
	40% { stroke-dashoffset: 0; }
	50% { stroke-dashoffset: 40; }
}

@keyframes circle {
	0% { opacity: 0; }
	49% { opacity: 0; }
	50% { opacity: 1; }
	60% { opacity: 0; }
	100% { opacity: 0; }
}

@keyframes flower-1 {
	0% { opacity: 0; }
	49% { opacity: 0; }
	50% { opacity: 0.5; }
	55% { opacity: 1; }
	70% { opacity: 0; }
	100% { opacity: 0; }
}

@keyframes flower-2 {
	0% { opacity: 0; }
	55% { opacity: 0; }
	60% { opacity: 0.5; }
	65% { opacity: 1; }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
  
@keyframes hand {
	0% {
	  fill: #fff;
	  transform: scale(0.3) rotate(10deg);
	}
	5% {
	  transform: scale(0.5) rotate(10deg);
	}
	20% {
	  fill: #cbfcc9;
	  transform: scale(1.5) rotate(-20deg);
	}
	40% {
	  fill: #ab71f7;
	  transform: scale(1.5) rotate(-40deg);
	}
	55% {
	  transform: scale(1.5) rotate(-40deg);
	}
	60% {
	  fill: #ddd926;
	  transform: scale(1.1) rotate(10deg);
	}
	66% {
	  fill: #f28032;
	  transform: scale(1.1) rotate(5deg);
	}
	70% {
	  fill: #fe443b;
	  transform: scale(1.05) rotate(0deg);
	}
	100% {
	  fill: #fff;
	  transform: scale(1) rotate(0deg);
	}
}

@keyframes slideGift {
	0%   { left: -200px; opacity: 0; }
	20%  { left:    0px; opacity: 1; }
	80%  { left:    0px; opacity: 1; }
	100% { left:    0px; opacity: 1; }
}

@keyframes slideOutGift {
	0%   { left: 0px; opacity: 1; }
	100% { left: -200px; opacity: 0; }
}

@keyframes flowOne {
	0% {
		opacity: 0;
		bottom: 0;
		left: 14%}
	40% {
		opacity: .8;
	}
	50% {
		opacity: 1;
		left: 0;
	}
	60% {
		opacity: .2;
	}
	80% {
		bottom: 80%}
	100% {
		opacity: 0;
		bottom: 100%;
		left: 18%
	}
}

@keyframes flowTwo {
	0% {
		opacity: 0;
		bottom: 0;
		left: 0;
	}
	40% {
		opacity: .8;
	}
	50% {
		opacity: 1;
		left: 11%}
	60% {
		opacity: .2;
	}
	80% {
		bottom: 60%}
	100% {
		opacity: 0;
		bottom: 80%;
		left: 0;
	}
}

@keyframes flowThree {
	0% {
		opacity: 0;
		bottom: 0;
		left: 0;
	}
	40% {
		opacity: .8;
	}
	50% {
		opacity: 1;
		left: 30%}
	60% {
		opacity: .2;
	}
	80% {
		bottom: 70%}
	100% {
		opacity: 0;
		bottom: 90%;
		left: 0;
	}
}

@keyframes delayedFadeIn {
	0% {
		opacity: 0;
	}

	66% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}