.nav-left {
    animation: nav-left 0.3s;
}

@keyframes nav-left {
    from{left:-200px} 
    to{left:0px}
}

.nav-right {
    animation: nav-right 0.3s;
}

@keyframes nav-right {
    from{left:0px} 
    to{left:-200px}
}

.main-left {
    animation: main-left 0.3s;
}

@keyframes main-left {
    from{left:0px} 
    to{left:200px}
}

.main-right {
    animation: main-right 0.3s;
}

@keyframes main-right {
    from{left:200px} 
    to{left:0px}
}