.navbar{
    position: fixed;
    top: 1.5rem;
    left: 0;
    right: 0;
    padding: 1rem;
    width: fit-content;
    background: unset !important;
    backdrop-filter: saturate(120%) blur(20px);
    border: 1px solid rgba(255,255,255,.1);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    -moz-backdrop-filter: saturate(180%) blur(20px);
    -o-backdrop-filter: saturate(180%) blur(20px);
    -ms-backdrop-filter: saturate(180%) blur(20px);
    border-radius: 35px;
    margin: auto;
    overflow: hidden;
    z-index: 9;
}

@media only screen and (max-width: 600px){
    .navbar{
        width: 80%;
    }
}

.nav-item.nav-link{
    color: white;
    padding: unset;
}

.navbar-toggler.dark{
    color: white;
    border: unset;
}

.navbar-toggler.dark .navbar-toggler-icon{
    color: white;
}