.menu{
width:90%;/*es para que abarque todo el ancho de la pagina el menu*/
background:#4682B4;
list-style:none;
margin:0px auto;/*es si no quiero utilizar el width para todo el ancho
del menu puedo hacerlo con margin:0px margen arriba y abajo 50px si quiero
margenes a la derecha e izquierda*/
text-align:center;
border-radius: .5em;
}
.menu ul{
padding:0px;
}
.menu li{
display:inline-block;
}
.menu li a{
padding:15px 28px;
display:inline-block;
color:white;
text-decoration:none;
border-radius: .5em;
transition:all 0.5s linear;
}
.menu li a:hover {
background:#ccc;
color:#fff;
}
.body{
background-color:white;
}
