body .textcontainer {
  padding: 4px 0;
  text-align: center;
}

body .particletext {
  text-align: center;
/*  font-size: 48px;*/
  position: relative;
}

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

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

body .particletext.confetti > .particle.c2 {
/*  background-color: rgba(156, 39, 176, 0.5);*/
  background-color: rgba(204, 0, 255, 0.5);
}

body .particletext.confetti > .particle.c3 {
/* new */
  background-color: rgba(255, 153, 0, 0.5);
}

@-webkit-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(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000%) rotate(1440deg);
            transform: translateY(2000%) rotate(1440deg);
  }
}

@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(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000%) rotate(1440deg);
            transform: translateY(2000%) rotate(1440deg);
  }
}