#navbar {
    text-align: center;
}


#navbar li {
    display: inline-block;
    border: 2px solid black;
    background-color:grey;
    /*font-size: 20px;*/
    /*transition: 0.5s all linear;*/
}




#navbar li:hover {
    
animation: .5s rainbow linear infinite;
    
}@-webkit-keyframes rainbow {
    0% {
        background-color: red;
    }
    10% {
        background-color: orange;
    }
    20% {
        background-color: yellow;
    }
    30% {
        background-color: lime;
    }
    40% {
        background-color: blue;
    }
    50% {
        background-color: purple;
    }
    60% {
        background-color: red;
    }
    70% {
        background-color: orange;
    }
    80% {
        background-color: yellow;
    }
    90% {
        background-color: lime;
    }
    100% {
        background-color: blue;
    }
}

body{
    /*-webkit-animation: 10s rainbow linear infinite;}*/
}