ul.menubar {
    list-style: none;
    font-size: 1rem;
     border: 1px solid black;
     display: block;
     margin: auto;
     width: 50%;
    
}

ul.menubar li{
    display: inline-block;
    font-size: 1em;
    border-right: 1px solid black;
    
}

ul.menubar li a{
    text-decoration: none;
    padding: 0 0.3em;
    margin-left: -0.3em;
    
}

ul.menubar li a:hover{
    background-color: hsl(190, 89%, 90%);
    text-decoration: none;
    padding: 0 0.3em;
    margin-left: -0.2em;


}