.open-menu {
    animation-duration: .35s;
    animation-fill-mode: forwards;
    animation-name: openMenu;
    box-shadow: 0 0 10px 0 #bababa;
}
@keyframes openMenu {
    from {
        transform: translate(-100%, 0);
    }
    to {
        transform: translate(0, 0);
    }
}
.close-menu {
    animation-duration: .35s;
    animation-fill-mode: forwards;
    animation-name: closeMenu;
}
@keyframes closeMenu {
    from {
        transform: translate(0, 0);
    }
    to {
        transform: translate(-100%, 0);
    }
}