@keyframes fall {
  0% {
    transform: translateX(-50%) translateY(-30vh) rotate(-4deg);
  }
  25% {
    transform: translateX(-50%) translateY(10) rotate(-2deg);
  }
  50% {
    transform: translateX(-50%) translateY(50vh) rotate(0deg);
  }
  75% {
    transform: translateX(-50%) translateY(90vh) rotate(-2deg);
  }
  100% {
    transform: translateX(-50%) translateY(130vh) rotate(-4deg);
  }
}

.todo:nth-child(1) {
  animation-duration: 8s;
  animation-delay: 0s;
}
.todo:nth-child(2) {
  animation-duration: 9s;
  animation-delay: 1s;
}
.todo:nth-child(3) {
  animation-duration: 7.5s;
  animation-delay: 2s;
}
.todo:nth-child(4) {
  animation-duration: 8.5s;
  animation-delay: 3s;
}
.todo:nth-child(5) {
  animation-duration: 9.5s;
  animation-delay: 4s;
}
.todo:nth-child(6) {
  animation-duration: 10s;
  animation-delay: 5s;
}
.todo:nth-child(7) {
  animation-duration: 8.2s;
  animation-delay: 6s;
}
.todo:nth-child(8) {
  animation-duration: 8.8s;
  animation-delay: 7s;
}
.todo:nth-child(9) {
  animation-duration: 9.1s;
  animation-delay: 8s;
}
.todo:nth-child(10) {
  animation-duration: 10.3s;
  animation-delay: 9s;
}