/*.glassmorphism{
    /*background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.01);*/
    /* background: rgba(255, 255, 255, 0.2); */
    /* border: 1px solid rgba(255, 255, 255, 0.3);*/
    /* backdrop-filter: blur(4px); */
    /* -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
    box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1);
}

.glassmorphism {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.2);
}

.glassmorphism * {
    mix-blend-mode: difference;
    color: white;
}
*/

.glassmorphism {
    position: relative;
    background: rgba(20, 20, 20, 0.35); /* darker tint */
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 999px;
    overflow: hidden;
}
/*
.glassmorphism::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.15);
    pointer-events: none;
}*/

.glassmorphism * {
    position: relative;
    z-index: 1;
    mix-blend-mode: difference;
    color: white;
}

.logo img {
    mix-blend-mode: difference !important;
    filter: invert(1);
}