@keyframes floatUpDown{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-15px); 
    }
    100%{
        transform: translateY(0);
    }
}
@keyframes floatUpDown2{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-10px); 
    }
    100%{
        transform: translateY(0);
    }
}
@keyframes floatUpDown3{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-4px); 
    }
    100%{
        transform: translateY(0);
    }
}
@keyframes zoomInOut{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.10); 
    }
    100%{
        transform: scale(1);
    }
}
@keyframes zoomInOut2{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(1.03);
    }
    100%{
        transform: scale(1);
    }
}
@keyframes floatX{
    0%{
        transform: translate(0%, -50%);
    }
    50%{
        transform: translate(12px, -50%);
    }
    100%{
        transform: translate(0%, -50%);
    }
}
@keyframes cssload-rotate-one{
    0%{
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100%{
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@keyframes cssload-rotate-two{
    0%{
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100%{
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@keyframes cssload-rotate-three{
    0%{
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100%{
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@keyframes wobble{
    0%{
        transform: none;
    }
    15%{
        transform: translate3d(-22%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30%{
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45%{
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60%{
         transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75%{
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    100%{
        transform: none;
    }
}
@keyframes fadeIn{
    from{ 
        transform: scale(0.5); 
        opacity: 0; 
    }
    to{ 
        transform: scale(1); 
        opacity: 1; 
    }
}
@keyframes moveHorizontal{
    0%{
        transform: translateX(0);
    }
    50%{
        transform: translateX(15px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes heroFloat{
    0%{
        transform: translate(-50%, -50%) translateY(0px);
    }
    50%{
        transform: translate(-50%, -50%) translateY(-12px);
    }
    100%{
        transform: translate(-50%, -50%) translateY(0px);
    }
}
@keyframes diagonalMove{
    0%{
        transform: translate(0%, 75%) translate(0px, 0px);
    }
    50%{
        transform: translate(0%, 75%) translate(12px, -12px);
    }
    100%{
        transform: translate(0%, 75%) translate(0px, 0px);
    }
}
@keyframes moveLeftRight{
    0%{
        transform: translate(-65%, 0%) translateX(0px);
    }
    50%{
        transform: translate(-65%, 0%) translateX(12px);
    }
    100%{
        transform: translate(-65%, 0%) translateX(0px);
    }
}
@keyframes rotate360{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@keyframes softLight{
    0%{
        transform: scale(1);
        filter: drop-shadow(0 0 10px rgba(111,57,253,0.3));
    }
    50%{
        transform: scale(1.03);
        filter: drop-shadow(0 0 35px rgba(111,57,253,0.6));
    }
    100%{
        transform: scale(1);
        filter: drop-shadow(0 0 10px rgba(111,57,253,0.3));
    }
}
@keyframes waveGradient{
    0%{
        background-position: 0% 50%;
    }
    50%{
        background-position: 100% 100%;
    }
    100%{
        background-position: 0% 50%;
    }
}