@keyframes pulse {
    from {
        transform: scale(0.9);
        opacity: 1;
    }

    to {
        transform: scale(1.8);
        opacity: 0;
    }
}

@keyframes tada {
    0% {
        transform: scale3d(1, 1, 1);
    }

    10%,
    5% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
    }

    15%,
    25%,
    35%,
    45% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
    }

    20%,
    30%,
    40% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
    }

    50% {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes toTop {
    0% {
        top: 0%;
    }

    50% {
        top: 40%;
    }

    100% {
        top: 0%;
    }
}

@keyframes toBottom {
    0% {
        bottom: 0%;
    }

    50% {
        bottom: 50%;
    }

    100% {
        bottom: 0%;
    }
}