/* 아래에서 위로 나타나는 애니메이션 */
@keyframes showItem {
  from {
    transform: translateY(100px);
    opacity: 0;
    color: rgb(0, 204, 255);
  }

  to {
    transform: translateY(0px);
    opacity: 2;
  }
}
@keyframes showItem1 {
  from {
    transform: translateY(100px);
    opacity: 0;
    color: rgb(255, 138, 5);
  }

  to {
    transform: translateY(0px);
    opacity: 2;
  }
}

.stagger-item {
  animation: showItem 1.0s;
  animation-fill-mode: both;
}

.stagger-item:nth-child(1) {
  animation-delay: 0.3s;
}
.stagger-item:nth-child(2) {
  animation-delay: 0.6s;
}

.stagger-item1 {
  animation: showItem1 1.2s;
  animation-fill-mode: both;
}

.stagger-item1:nth-child(1) {
  animation-delay: 1.0s;
}
.stagger-item1:nth-child(2) {
  animation-delay: 1.5s;
}