ul.dropdown {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  
 
  display: none;
       -webkit-transition: all 4.9s ease-in-out;
  transition: all 4.9s ease-in-out;
   
  
}
ul li:hover > ul.dropdown,
 ul.dropdown:hover {
  visibility: visible;
  opacity: 1;
  display: grid;
  background-color:white; 
  width:19%;
  padding-top:2%;
  line-height:2;
  border-radius:15px;
     -webkit-transition: all 4.9s ease-in-out;
  transition: all 4.9s ease-in-out;
  box-shadow: var(--clay-shadow-outset,8px 8px 16px 0 rgba(0,0,0,.25)),inset var(--clay-shadow-inset-primary,-8px -8px 16px 0 rgba(0,0,0,.25)),inset var(--clay-shadow-inset-secondary,8px 8px 16px 0 hsla(0,0%,100%,.2));
}


/*



ul li ul li {
  clear: both;
  width: 100%;
}
*/