body .textcontainer {
  padding: 40px 0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10%;
}
body .particletext {
  text-align: center;
  font-size: 48px;
  position: relative;
}
body .particletext.confetti > .particle {
  opacity: 0;
  position: absolute;
  background-color: black;
  -webkit-animation: confetti 1s ease-in infinite;
  animation: confetti 1s ease-in 1;
  border-radius: 100%;
}

@-webkit-keyframes confetti {
  0% {
    opacity: 0;
    transform: translateY(0%);
  }
  10% {
    opacity: 1;
  }
  35% {
    transform: translateY(-800%);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(2000%);
  }
}

@keyframes confetti {
  0% {
    opacity: 0;
    transform: translateY(0%);
  }
  10% {
    opacity: 1;
  }
  35% {
    transform: translateY(-800%);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(2000%);
  }
}