@keyframes open-navigation-phone-menu{
    from{
        opacity: 0;
        transform: translate(50%, -145%);
    }to{
        opacity: 1;
        transform: translate(50%, 0%);
    }
}
.animationClass_openMenu{
    animation: open-navigation-phone-menu 0.5s ease-in-out forwards;
}
@keyframes close-navigation-phone-menu{
    from{
        opacity: 1;
        transform: translate(50%, 0%);
    }to{
        opacity: 0;
        transform: translate(50%, -145%);
    }
}
.animationClass_closeMenu{
    animation: close-navigation-phone-menu 0.5s ease-in-out forwards;
}