.pop {
    animation: pop 0.5s linear forwards;
}

@keyframes pop {
    0% {
        transform: translateX(300px) scale(0.5);
        opacity: 0;
    }
    70% {
        transform: translatey(0px) scale(0.5);
    }
    100% {
        opacity: 1;
        transform: scale(1.0);
    }
}