.navigation-container-light{
width:inherit;
margin: 0px;
/*margin: 5px 0px 0px 0px;*/
  list-style-type: none;
  text-decoration: none;
  /*font-family: 'Unbounded', cursive;*/
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

  font-size: 14px;
  padding: 8px 15px 8px 15px;
  border-radius: 180px;
  text-align: left;
  display: inline-flex;
  position: fixed;
  z-index: 3;
  color: #000242;
  backdrop-filter: blur(16px) saturate(220%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(241, 241, 247, 0.75);
  border: 1px solid rgba(135, 139, 145, 0.3);
  left: 45px;
}



.navigation-container-logo{
list-style-type:none; 
text-decoration: none;
margin-top: 4px;
text-align:left;
display: inline-flex;
position:fixed;
z-index:4;

}





.navigation-container-dark{
width:inherit;
list-style-type:none; 
text-decoration: none;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
padding: 8px 15px 8px 15px;
margin: 0px 0px 0px 0px;
border-radius:180px;
text-align:left;
display: inline-flex;
position:fixed;
z-index:3;
color:#fff;
    backdrop-filter: blur(14px) saturate(220%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
    background-color: rgba(36, 42, 60, 0.66);

    border: 1px solid rgba(255, 255, 255, 0.125);
    left: 45px;
}



/*Light Mode*/


ul.navigation-top{
text-align: left;
/*margin-top:2px;*/
position:fixed;
z-index:3;
}


li.nav-list{
position:relative;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serifont;
}

.nav-list-item{

font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 24px; 
font-size:14px;
margin-left: -4.5px;
}


.nav-list-item-dark{
font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 24px; 
font-size:14px;
margin-left: -4.5px;
}


.logo-top{
text-align: left;
font-style: normal; 
font-variant: normal; 
font-weight: 400; 

}



.nav-list-item:hover{
/*background:#1e0826;*/
}


.nav-list-hover:hover{
/*border-bottom:1px solid #000242;*/
font-weight: 500; 
/*color:#e5ccee;*/
/*color: #7a4dff;*/
}



.nav-list-item-dark:hover{
/*border-bottom:1px solid #fff;*/
font-weight: 400; 
}




/*Dark Mode*/

/*
.nav-list-item:hover{
border-bottom:1px solid #fff;
}


a{
text-decoration:none;
border:0;
color: #fff;
}

a:hover{
text-decoration:none;
color: #fff;
}
*/




/* Media Queries */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 750px) {




}