body
{
        font-family: Arial, Helvetica, sans-serif;
}
.navbar
{
        overflow: hidden;
        background-color: #333;
}
.navbar a
{
        float: left;
        font-size: 16px;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
}
.dropdown
{
        float: left;
        overflow: hidden;
}
.dropdown .dropbtn
{
          font-size: 16px;
          border: none;
          outline: none;
          color: white;
          padding: 14px 16px;
          background-color: inherit;
          font-family: inherit;
          margin: 0;
}
.navbar a:hover, .dropdown:hover .dropbtn
{
        background-color: cyan;
}
.dropdown-content
{
        display: none;
        position: absolute;
        background-color: cyan;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
}
.dropdown-content a
{
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        background-color: yellow;
        display: block;
        text-align: left;
}
.dropdown-content a:hover
{
        background-color: cyan;
}
.dropdown:hover .dropdown-content
{
        display: block;
        background-color: orange;
}