.nav1{
    display: flex; /* Nav becomes a flex container */
    justify-content: center; /* center aligns flex items */
    }
.nav1 li {
    display: inline-block; /* does not add a line-break */
    list-style-type: none; /* no bullets */
    position: relative; /* relative to its normal position */
    width: 150px; /* any size will work */
}
.nav1 li ul {
    display: none; /* not shown */
    width: 100px; /* size of menu links */
    position: absolute; /* relative to the nearest positioned ancestor */
    left: 0px; /* position to parent */
    top: 100%; /* position to parent */
    margin: 0px; /* No margin or padding - or it wont work */
    padding: 0; 
}
.nav1 li:hover > ul {
    display: block; /* on mouse-over we show the element */
}
.nav1 a {
    padding: 5px 10px; /* Mostly for looks */
    text-align: center; /* Mostly for looks */
    height: 20px; /* Mostly for looks */
    display: block; /* Required  */
    text-decoration: none; /* remove underline */
    font-weight: bold; /* Mostly for looks */
    border: #be5c1b 1px solid;
    background-color: antiquewhite;
    color:black;
}
.nav1 a:hover{ 
    border: black 1px solid; 
    background-color:cornsilk; 
}