@charset "utf-8";



/* CSS Document */



@keyframes run4 {

    from {

        top: 3%;

        opacity: 1;

    }



    50% {

        top: 1%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        top: 3%;

        opacity: 1;

    }

}



@keyframes run5 {

    from {

        top: 6%;

        opacity: 1;

    }



    50% {

        top: 8%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        top: 6%;

        opacity: 1;

    }

}



@keyframes run_monster1 {

    from {

        top: 4%;

        opacity: 1;

    }



    50% {

        top: 3%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        top: 4%;

        opacity: 1;

    }

}


@keyframes run_monster2 {

    from {

        top: 8%;

        opacity: 1;

    }



    50% {

        top: 10%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        top: 8%;

        opacity: 1;

    }

}



@keyframes run_monster3 {

    from {

        top: 8%;

        opacity: 1;

    }



    50% {

        top: 10%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        top: 8%;

        opacity: 1;

    }

}



@keyframes run_monster4 {

    from {

        top: 5%;

        opacity: 1;

    }



    50% {

        top: 7%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        top: 5%;

        opacity: 1;

    }

}

/* mobile */

@keyframes run4_m {

    from {

        bottom: 1%;

        opacity: 1;

    }



    50% {

        bottom: 3%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        bottom: 1%;

        opacity: 1;

    }

}



@keyframes run5_m {

    from {

        bottom: 2%;

        opacity: 1;

    }



    50% {

        bottom: 0%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        bottom: 2%;

        opacity: 1;

    }

}


@keyframes run_monster1_m {

    from {

        top: 25%;

        opacity: 1;

    }



    50% {

        top: 23%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        top: 25%;

        opacity: 1;

    }

}


@keyframes run_monster2_m {

    from {

        top: 9%;

        opacity: 1;

    }



    50% {

        top: 11%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        top: 9%;

        opacity: 1;

    }

}



@keyframes run_monster3_m {

    from {

        top: 12%;

        opacity: 1;

    }



    50% {

        top: 10%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        top: 12%;

        opacity: 1;

    }

}



@keyframes run_monster4_m {

    from {

        top: 25%;

        opacity: 1;

    }



    50% {

        top: 27%;

        opacity: 1;

        transform: scale(1) rotate(-0deg);

    }



    to {

        top: 25%;

        opacity: 1;

    }

}



@keyframes btn_mov_1 {

    from {

        opacity: 1;

    }



    50% {

        opacity: 0;

        transform: scale(1) rotate(-0deg);

    }



    to {

        opacity: 1;

    }

}



@keyframes btn_mov_2 {

    from {

        opacity: 1;

    }



    to {

        opacity: 1;

    }

}

