.ca-head {
    padding: .5rem 1rem;
    margin-bottom: 0;
    
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}




.ca-white-glass { padding: 1rem 1.5rem 1rem 1.5rem;background-color: rgb(255 255 255 / 39%) !important; backdrop-filter: blur(9px); border-radius: 16px;}



@media (prefers-color-scheme: light) {
    .glass {
        background-color: rgba(255, 255, 255, 0.13);
        /* transform: translate(-50%, -50%); */
        top: 50%;
        left: 50%;
        border-radius: 32px;
        backdrop-filter: blur(10px);
        /* border: 2px solid rgba(255, 255, 255, 0.1); */
        box-shadow: 0 0 2px rgba(8, 7, 16, 0.6);
        padding: 50px 35px;
    }
}

@media (prefers-color-scheme: dark) {
    .glass {
        background-color: rgba(5 49 98, 0.65);
        top: 50%;
        left: 50%;
        border-radius: 32px;
        backdrop-filter: blur(6px);
        /* border: 2px solid rgba(255, 255, 255, 0.1); */
        box-shadow: 0 0 2px rgba(8, 7, 16, 0.6);
        padding: 32px 16px;
    }
}

.glass-dark {
    background-color: rgba(5 49 98, 0.65);
    top: 50%;
    left: 50%;
    border-radius: 32px;
    backdrop-filter: blur(6px);
    /* border: 2px solid rgba(255, 255, 255, 0.1); */
    box-shadow: 0 0 2px rgba(8, 7, 16, 0.6);
    padding: 32px 16px;
}