/*https://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu*/
nav {
    width: 1000px;
    margin: auto;
    position: relative;
    z-index: 5;
}

/* nav ul */
nav ul {
    background: white;
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    list-style: none;
    font-size: 20px;
    font-family: "nkMono", Arial, sans-serif;    
    position: relative;
    text-align: center;
}
nav ul:after {
    content: ""; 
    clear: both; 
    display: block;
}

/* nav ul li */
nav ul li {
    float: left;
    border-right: rgba(0,0,0,0.15) solid 1px;  
    margin: 0px;
    width: 199px;
}

nav ul li:hover {
    background: #B97AD0;
}
nav ul li:hover > ul {
    display: block;
}
nav ul li:hover a {
    color: #3E0B50;
    text-decoration: none;    
}
nav ul li a {
    display: block; 
    padding: 15px 0 15px 0;
    color: #3E0B50;
    text-decoration: none;
}


/* nav ul ul */
nav ul ul {
    display: none;
}
nav ul ul {
    background: #E8ACFE; 
    padding: 0;
    position: absolute; 
}


/* nav ul ul li */
nav ul ul li {
    float: none; 
    border-bottom: 1px solid #9A34B8;
    position: relative;
}

nav ul ul li a {
    padding: 15px 40px;
    color: #3E0B50;
}   

nav ul ul li a:hover {
    background: #B97AD0;
}

/* nva ul ul ul */
nav ul ul ul {
    position: absolute; 
    left: 101%; 
    top:0;
}