ul {
  list-style-type: none;
  height: 30px;
  padding: 0px;
  justify-content: space-between;
}

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 5px 16px;
  text-decoration: none;
  font-size: 14px;
  font-face: "Verdana";
}

li a:hover, .dropdown:hover .dropbtn {
 color: white;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgba(10,22,40,0.92);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color:var(--text-secondary);
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
 background-color: #555;
 color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

 .nested-dropdown {
                position: relative;
            }
            /* Style the nested dropdown menu items */
            .nested-dropdown-content {
                display: none;
                position: absolute;
                background-color: rgba(10,22,40,0.92);
                min-width: 160px;
                left: 100%;
                top: 0;
                z-index: 1;
            }

            /* Show the nested dropdown menu when hovering over the parent item */
            .nested-dropdown:hover
                .nested-dropdown-content {
                display: block;
            }