/* Animation */

@keyframes moves {
    0% {
        right: 0;
    }

    50% {
        right: 6%;
    }

    100% {
        right: 0;
    }
}

@keyframes move {
    0% {
        left: 0;
    }

    50% {
        left: 6%;
    }

    100% {
        left: 0;
    }
}


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

    100% {
        transform: translateY(-30px);
    }
}

@keyframes updown {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-30%);
    }
}

@keyframes spline {
    0% {
        transform: translateX(30px);
    }

    100% {
        transform: translateX(-30px);
    }
}

@keyframes spline-1 {
    0% {
        transform: translateX(-30px);
    }

    100% {
        transform: translateX(30px);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(40deg);
    }

    100% {
        transform: rotate(-40deg);
    }
}
@keyframes rotate1 {
    0% {
        transform: rotate(-40deg);
    }

    100% {
        transform: rotate(40deg);
    }
}



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

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

@keyframes bg-left-right {
    0% {
        right: 0;
    }

    100% {
        right: 10%;
    }
}



@keyframes footer-bg-up {
    0% {
        transform: translateY(0);
        
    }

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