// -- Confetti --
// Author: Frisby [https://codepen.io/frisby]
// Link: https://codepen.io/frisby/pen/rNaXgxG

body, html {
  width: 100%;
  height: 100%;
}

.confetti {
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  height: 100%;
  width: 100%;
}

.confetti-item {
  position: absolute;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

@keyframes confetti-fall {
  0% {
    transform: translateY(-100%);
  }
  95% {
    animation-timing-function: ease-in-out;
    transform: translateY(calc(100vh - 55%));
  }
  100% {
    transform: translateY(calc(150vh - 65%));
  }
}