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

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;


}



/*  vvvvvvv */


div.dropmenu
     {
     margin:0;
     padding:0;
     width:150px;
     border-top: 1px solid black;
     border-left: 1px solid black;
     border-right: 1px solid black;
     cursor:pointer;
     visibility:hidden;
     position:absolute;
     background-color:white;
      }
      
      div.dropmenu ul
      {
      margin:0;
      padding:0
       }
       
       div.dropmenu ul li
       {
       list-style:none;
       margin:0;
       padding:0;
       border-bottom:1px solid black;
       
        }
        
        div.dropmenu ul li a
        {
        color: hsl(240, 80%, 50%);
        display:block;
        
         }
         
         div.dropmenu ul li a:hover
         {
         background-color: hsl(190, 89%, 90%);
         display:block;
         
          }