/* Keyframes */

@keyframes img-zoom {
    from {
        transform: scale(1);
        
    }
    
    to {
        transform: translateX(100%) scale(2);
        
    }
}

@keyframes opacity {
    
    0% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
    
}

@keyframes slide-in-left {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slide-in-right {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes slide-up {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }

}

@keyframes shoot-up {
    
    0% {
        transform: translateY(1500px);
    }
    
    90% {
        transform: translateY(-60px);
        font-size: 6rem;
    }
    
    100% {
        transform: translateY(0);
    }
    
}


@keyframes rotate {
    
    0% {
        transform: rotate(-15deg);
        opacity: 0;
    }
    
    90% {
        transform: rotate(-20deg);
        opacity: 0.5;
    }
    
    100% {
        transform: rotate(-15deg);
        opacity: 1;
    }
}

.rotate {
    animation: rotate 2s ease-in-out forwards;
}



@keyframes button {
    
    0% {
        opacity: 1;
    }
    
    100% {
        opacity: 0.8;
        transform: translateX(6px);
        background-color: #150422;
        color: white;
    }
    
}