.white_svg {
    filter: invert(100%);
}

.terrarium_pattern {
    background-image: url("./assets/vector/terrarium_pattern.svg");
    filter: invert(100%);
    background-size: cover;
}

.brightgreen-container{
    background-color: var(--main-bg-bright-color);
}

.glass-container{
    background: var(--main-bg-color);
    opacity: 0.7;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.glass_header {
    backdrop-filter: blur(10px) saturate(100%);
    -webkit-backdrop-filter: blur(10px) saturate(100%);
    background-color: rgba(255, 255, 255, 0.1);
    /* background-color: var(--main-bg-color); */
    /* border-bottom: 1px solid rgb(209, 213, 219); */
    animation-name: dustglass;
    animation-duration: 1s;
    animation-iteration-count: 1;
}


@keyframes dustglass {
    0% {
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        background-color: rgba(255, 255, 255, 0.025);
    }

    25% {
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
        background-color: rgba(255, 255, 255, 0.05);

    }

    50% {
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        background-color: rgba(255, 255, 255, 0.075);
    }

    100% {
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(12px);
        background-color: rgba(255, 255, 255, 0.1);

    }
}