.nav {
    display:flex;
    position:relative;
}
.nav > li {
    float:left;
}

.nav li a {
    background-color:#08405e;
    color:#35D10E;
    text-decoration:none;
    padding:10px 12px;
    margin-right: 30px;
    display:block;
    font-size: 1.0em;
    border-radius: 20%;
    
}

.nav li a:hover {
    background-color:#1f0e81;
   
}

.nav li ul {
    display:none;
    position:absolute;
    min-width:100px;
}

.nav li:hover > ul {
    display:block;
    
}

.nav li ul li {
    position:relative;
    
}

.nav li ul li ul {
    right:-100px;
    top:0px;
}