@keyframes animation-menu{
    from{
        margin-top:100vh;
        opacity: 0;
    }
    to{
        margin-top: 10%;
        opacity: 1;
    }
}
@keyframes banner-cuff{
    from{
        transform: translateX(-100%);
    }
    to{
        transform: translateX(0);
    }
}
@keyframes icon-animation{
    from{
        margin-top:100vh;
        opacity: 0;
    }
    to{
        position: relative;
        top:50%;
        opacity: 1;
    }
}
@keyframes menuContent{
    from{
        margin-top: 0;
    }
    to{
        margin-top: -110vh;
    }
}
@keyframes piece{
    from{
        margin-top:100vh;
    }
    to{
        margin-top:0;
    }
}
@keyframes detail_animation{
    from{
       transform: translateX(0);
    }
    to{
        transform: translateX(101%);
    }
}
@keyframes downAnimationSingle {
    from{
       position:relative;
       top:-100vh;
    }
    to{
       position:relative;
       top:-25vh;
    }
}
@keyframes downAnimationDouble {
    from{
        position:relative;
        top:-100vh;
    }
    to{
        position:relative;
        top:-20vh;
    }
}
@keyframes upAnimationSingle {
    from{
        position:relative;
        top:-25vh;
    }
    to{
        position:relative;
        top:-100vh;
    }
}
@keyframes upAnimationDouble {
    from{
        position:relative;
        top:-20vh;
    }
    to{
        position:relative;
        top:-100vh;
    }
}
@keyframes okanimation{
    from{
        position: relative;
        left:0;
    }
    to{
        position: relative;
        left:10px;
    }
}
@keyframes project-logo_up{
    from{
        position: absolute;
        bottom:-25%;
        
    }
    to{
        position: absolute;
        bottom:5%;
    }
}
@keyframes project-logo_down{
    from{
        position: absolute;
        bottom:5%;
    }
    to{
        position: absolute;
        bottom:-25%;
    }
}
@keyframes fadeIn{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

@keyframes fadeOut{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}


@keyframes productUp{
    from{
        position: relative;
        top: 0vh;
    }
    to{
        position: relative;
        top: -100vh;
    }
}

@keyframes productDown{
    from{
        position: relative;
        top: -100vh;
    }
    to{
        position: relative;
        top: 0vh;
    }
}

@keyframes videoContentUp{
    from{
        top: 100vh;
    }
    to{
        top: 0vh;
    }
}

@keyframes videoContentDown{
    from{
        top: 0vh;
    }
    to{
        top: 100vh;
    }
}




@keyframes productVideoUp{
    from{
        position: relative;
        top: 100vh;
    }
    to{
        position: relative;
        top: 0vh;
    }
}

@keyframes productVideoDown{
    from{
        position: relative;
        top: 0vh;
    }
    to{
        position: relative;
        top: 100vh;
    }
}



@keyframes fadeOut{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}