*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
ul{
   
    background-color:blue;
    display: flex;
    justify-content: center;
    list-style: none;
   
}
a{
text-decoration: none;
color:white;
display: block;
padding: 15px 10px;
font-size: 20px;
transition: 0.2s;
border-right: 1px solid white;

}
a:hover{
   background-color: #a8a483;
   border-radius:5px;
}
li{ 
    position: relative}

.submenu {
    position: absolute;
    display: none;
    top: 100%;
    left: 0%;
    background: blue;
    width: 200px;
}
li:hover >.submenu{
    display: block;
   
}

.submenu .submenu{
     position: absolute;
    display: none;
    top: 0%;
    left:100%;
  
}