.particletext {
	position: relative;
}

.particletext.confetti > .particle {
	opacity: 0;
	position: absolute;
	-webkit-animation: confetti 3s ease-in infinite;
	animation: confetti 3s ease-in infinite;
}

.particletext.confetti > .particle.c1 {
	background-color: rgba(76, 175, 80, 0.5);
}

.particletext.confetti > .particle.c2 {
	background-color: rgba(156, 39, 176, 0.5);
}

.particletext.confetti > .particle.c3 {
	background-color: rgba(41, 205, 255, 0.5);
}

.particletext.confetti > .particle.c4 {
	background-color: rgba(120, 255, 68, 0.5);
}

.particletext.confetti > .particle.c5 {
	background-color: rgba(255, 113, 141, 0.5);
}

.particletext.confetti > .particle.c6 {
	background-color: rgba(253, 255, 106, 0.5);
}

@keyframes confetti {
	0% {
		opacity: 0;
		-webkit-transform: translateY(0%) rotate(0deg);
		transform: translateY(0%) rotate(0deg);
	}

	10% {
		opacity: 1;
	}

	35% {
		-webkit-transform: translateY(-800%) rotate(270deg);
		transform: translateY(-700%) rotate(270deg);
	}

	80% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000%) rotate(1440deg);
		transform: translateY(1800%) rotate(1440deg);
	}
}