@keyframes confetti-drop {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(100%);
  }
}

.confetti {
  animation: confetti-drop 3s ease-in-out;
}



.progress-circle {
  transform: rotate(-90deg);
}

.progress-circle circle {
  transition: stroke-dashoffset 0.35s;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}