@keyframes heartbeatPulse {
    0% {
        transform: scale(1)
    }
    40% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: translateY(100px)
    }
    100% {
        opacity: 0;
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    0% {
        transform-origin: bottom center;
        opacity: 0;
        transform: scale(.6)
    }
    100% {
        transform-origin: bottom center;
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes mouse-wheel-scroll {
    0% {
        transform: translateY(0);
        opacity: 0
    }
    10% {
        transform: translateY(0);
        opacity: 1
    }
    30% {
        transform: translateY(0);
        height: 4px
    }
    50% {
        transform: translateY(0);
        height: 20px
    }
    70% {
        transform: translateY(15px);
        height: 4px;
        opacity: 1
    }
    90% {
        opacity: 0
    }
    100% {
        transform: translateY(15px);
        opacity: 0
    }
}