@charset="utf-8";

@keyframes adv{
        0%{ 
            margin-top: 25vw;
            color: rgba(255,255,0,1);
        }
        70%{
            margin-top: 3.75vw;color: rgba(255,255,0,1);
        }
         
        100%{
            margin-top: 3.75vw;color: rgba(255,255,0,0);
        }
    }

@keyframes ply{
    0%{
        padding-top: 20%;
        padding-left: 10%;
    }
    20%{
        padding-top: 20%;
        padding-left: -100px;
        overflow: hidden;
    }
    100%{
        padding-top: 20%;
        padding-left: -100px;
    }
}

@keyframes movebd{
    0%{
        transform: rotateY(-70deg);
        -webkit-transform: rotateY(-70deg);
        -moz-transform: rotateY(-70deg);
        -ms-transform: rotateY(-70deg);
        -o-transform: rotateY(-70deg);
        transform-origin: right;
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        -o-transform-origin: right;
    }
    20%{
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform-origin: right;
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        -o-transform-origin: right;
    }
    100%{
        transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform-origin: right;
        -webkit-transform-origin: right;
        -moz-transform-origin: right;
        -ms-transform-origin: right;
        -o-transform-origin: right;
    }
}

@keyframes move{
    0%{
        margin-left: 0;
    }
    5%{
        margin-left: 0;
    }
    7.5%{
        margin-left: -80vw;
    }
    17.5%{
        margin-left: -80vw;
    }
    20%{
        margin-left: -160vw;
    }
    30%{
        margin-left: -160vw;
    }
    32.5%{
        margin-left: -240vw;
    }
    42.5%{
        margin-left: -240vw;
    }
    45%{
        margin-left: -320vw;
    }
    55%{
        margin-left: -320vw;
    }
    57.5%{
        margin-left: -400vw;
    }
    67.5%{
        margin-left: -400vw;
    }
    70%{
        margin-left: -480vw;
    }
    80%{
        margin-left: -480vw;
    }
    82.5%{
        margin-left: -560vw;
    }
    92.5%{
        margin-left: -560vw;
    }
    95%{
        margin-left: -640vw;
    }
    100%{
        margin-left: -640vw;
    }
}

@keyframes play{
    0%{
        margin-left: 10vw;
    }
    30%{
        margin-left: -30vw;
    }
    100%{
        margin-left: -30vw;
    }
}