@keyframes tinDownIn {

    0% {
    opacity: 0;
    transform: scale(1, 1) translateY(900%);
    }

    50%, 70%, 90% {
    opacity: 1;
    transform: scale(1.1, 1.1) translateY(0);
    }

    60%, 80%, 100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
    }

}

.tinDownIn {
animation-duration: 1.5s;
animation-name: tinDownIn;
}