#cssmenu
{
  
      width:auto;
    display:block;
    text-align:center;
    font-family: 'Geologica', sans-serif;
  font-size: 18px !important;
    line-height:1.2;
    margin: 20px;
	background: linear-gradient(90deg, #fa8085, #fd9d7c, #fbd97d, #a3d963, #2ec7d6, #9c70cc, #fd7ab0);
	border-radius: 30px;
}
#cssmenu ul
{
    width:auto;
    display:block;
    font-size:0;
    text-align:center;
    color:#FFFFFF;	 
    border: transparent;
    margin:0; 
    padding:0;
    list-style:none;
    position:relative;
    z-index:999999990;
} 

#cssmenu li
{
    display:inline-block;
    position:relative;    
    font-size:0; 
    margin:0;
    padding:0;
}

/*Top level items
---------------------------------------*/

#cssmenu >ul>li>span, #cssmenu >ul>li>a 
{   
    
    font-family: 'Geologica', sans-serif;
  font-size: 18px !important;
    font-weight: bold;
    text-transform: uppercase;
    color:inherit;
    text-decoration:none;
    padding:14px 14px; 
    display:block;   
    position:relative;
    transition:all 0.3s;
}
#cssmenu li:hover > span, #cssmenu li:hover > a
{  
    color:#000000;
    background-color:#efefef;
}

/*Sub level items
---------------------------------------*/
#cssmenu .dropdown
{
    text-align:left;
    left:0;
    font-family:inherit;
    color: #833ea6;
    border:none;
    position:absolute;
    box-shadow: 0 4px 8px transparent;
    display:none;
    opacity:0;
    cursor:default;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#cssmenu .dropdown li {
    display: block;  
}

#cssmenu .dropdown li > span, #cssmenu .dropdown li > a, #cssmenu .clm a, #cssmenu .clm h3 
{
   
    font-family: 'Geologica', sans-serif;
  font-size: 18px !important;
    font-weight: bold;
    text-transform: uppercase;
    margin:0;
    padding:8px 20px; 
    display:block;
    color:inherit;
    text-decoration:none;
}
#cssmenu .clm h3 {
    font-size:20px;
    font-weight:700;
}
#cssmenu .sub-item {
    position:relative;       
    transition:all 0.3s;
}

#cssmenu .dropdown li:hover > span, #cssmenu .dropdown li:hover > a
{

    color:#ffffff;
    background-color:#9c54c0;
}


#cssmenu .dropdown li:hover > span, #cssmenu .dropdown li:last-of-type > a{
	
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

#cssmenu .clm a:hover
{
    color:#000000;
    transition:color 0.2s;
}


#cssmenu .dropdown.right0 {left:auto;right:0;} 
#cssmenu .dropdown li > .dropdown.right0 {left:auto;right:100%;} 
       
#cssmenu li.full-width{
    position:static;
}
#cssmenu li.full-width .dropdown{
    width:100%;
    left:0;
    box-sizing:border-box;
}  

#cssmenu li:hover > .dropdown
{
    display:block;
    opacity:1;
    z-index:1;
}

#cssmenu .dropdown li > .dropdown
{
    left:100%; right:auto;
    top:0;
}

#cssmenu ul.dropdown
{
    min-width:240px; /* Sub level menu min width */
	background: url('https://spacesprinkles.site/images/purpleglitter.gif') !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius:0px !important;
}


#cssmenu div.dropdown  {
    text-align:center;
}

/*-----------Arrows----------------*/
#cssmenu .arrow {
    color:inherit;
    border-style:solid; border-width:3px 3px 0 0; padding:3px; transform:rotate(135deg);margin-top:-8.484px;margin-left:3px;
    position:relative;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align:middle;
    overflow:hidden;/*for IE6*/
}
        
#cssmenu .dropdown .arrow {
    transform:rotate(45deg);
    top:50%;margin-top:-6px;
    position:absolute;left:auto;right:20px;
} 


/*--------Elements---------*/

#cssmenu s, #cssmenu del{
  font-family: 'Geologica', sans-serif;
  font-size: 18px !important;
    color: var(--white);
    text-decoration: line-through wavy black !important;
}