@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes nav-move-in {
    from { transform: translateX(100%); }
    to { transform: none; }
}

@keyframes nav-move-out {
    from { transform: none; }
    to { transform: translateX(100%); }
}