.navbar {
width: 100%;
padding: 1px;
position: fixed;
top: 0px;
text-align: center;
transition: .5s;
z-index: 900;
}

.navbar ul li {
list-style-type: none;
display: inline-block;
padding: 1px 40px;
color: white;
font-size: 18px;
cursor: pointer;
border-radius: 10px;
transition: .5s;
}

.navbar a {
color: white;
}

.navbar ul li:hover{
background: #950F23;
}

/* añade estilos específicos para cuando se haga scroll */
.navbar.white {
background: #ffffff;
box-shadow: 0px 4px 10px gray;
}

.navbar.white a {
color: black;
}