.animated {
  transition: filter 500ms cubic-bezier(0.4, 0, 0.2, 1), opacity 500ms cubic-bezier(0.4, 0, 0.2, 1), transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
  filter: blur(2px);
  transform: translateY(20px);
  opacity: 0;
}
.animated:nth-child(1) {
  transition-delay: 0ms;
}
.animated:nth-child(2) {
  transition-delay: 200ms;
}
.animated:nth-child(3) {
  transition-delay: 400ms;
}

.animated:nth-child(4) {
  transition-delay: 600ms;
}

.animated:nth-child(5) {
  transition-delay: 800ms;
}

.animated:nth-child(6) {
  transition-delay: 1000ms;
}

.animated:nth-child(7) {
  transition-delay: 1200ms;
}

.animated:nth-child(8) {
  transition-delay: 1400ms;
}

.animated:nth-child(9) {
  transition-delay: 1600ms;
}

.animated:nth-child(10) {
  transition-delay: 1800ms;
}

.animated:nth-child(11) {
  transition-delay: 2000ms;
}
.animated:nth-child(12) {
  transition-delay: 2200ms;
}
.animated:nth-child(13) {
  transition-delay: 2400ms;
}

.animated:nth-child(14) {
  transition-delay: 2600ms;
}

.animated:nth-child(15) {
  transition-delay: 2800ms;
}

.animated:nth-child(16) {
  transition-delay: 3000ms;
}

.animated:nth-child(17) {
  transition-delay: 3200ms;
}

.animated:nth-child(18) {
  transition-delay: 3400ms;
}

.animated:nth-child(19) {
  transition-delay: 3600ms;
}

.animated:nth-child(20) {
  transition-delay: 3800ms;
}

.animate {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0px);
}