Ciao, allora la prima correzione riguarda i prefix :

codice:
body {
-webkit-animation: bugfix infinite1s;
animation: bugfix infinite1s;
}

@-webkit-keyframesbugfix {
    to {
padding: 0;
    }
}

@keyframesbugfix {
    to {
padding: 0;
    }
}
la secoda la parte delle transition navbar :

codice:
/* impostiamo intervalli di apparizone dei voci del menu  */

.nav>ul>li:nth-child(1) {
transition: opacity .5s.2s, transform .5s.1s;
}

.nav>ul>li:nth-child(2) {
transition: opacity .5s.2s, transform .5s.2s;
}

.nav>ul>li:nth-child(3) {
transition: opacity .5s.3s, transform .5s.3s;
}

.nav>ul>li:nth-child(4) {
transition: opacity .5s.4s, transform .5s.4s;
}

.nav>ul>li:nth-child(5) {
transition: opacity .5s.5s, transform .5s.5s;
}

.nav>ul>li:nth-child(6) {
transition: opacity .5s.6s, transform .5s.6s;
}

.nav>ul>li:nth-child(7) {
transition: opacity .5s.7s, transform .5s.7s;
}

.nav>ul>li:nth-child(8) {
transition: opacity .5s.8s, transform .5s.8s;
}