/* ani1은 왼쪽에서 오른쪽으로 나타나는 애니메이션 */
.ani1{
    transition: all 1s ease 0s;
    transform: translateX(-20px);
}

.ani1.on{
    opacity: 1;
    transform: translateX(0);
}


/* ani2는 제자리에서 뿅 나오는 애니메이션 */
.ani2{
    opacity: 0;
    transition: all 0.8s ease 0s;
    transform: scale(0.8);
}

.ani2.on{
    opacity: 1;
    transform: scale(1);
}



.ani3{
    transition: all 1s ease 0s;
    transform: translateX(-20px);
    filter: blur(20px);
}

.ani3.on{
    opacity: 1;
    transform: translateX(0);
    filter: blur(0px);
}