body {
    background: #000424;
}

.nav-b {
    z-index: 999999;
    backdrop-filter: blur(30px) saturate(120%)
    /*border-bottom: 1px solid rgba(226,232,255,.05);*/
}

.--fil {
    backdrop-filter: blur(60px) saturate(120%)
}

.glass_margin {
    background-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 0 80px rgba(0, 0, 0, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(40px);
    webkit-backdrop-filter: blur(40px);
}

.glass_margin-d {
    box-shadow: 0 12px 32px #05051e66, 0 -8px 32px #e2e8ff1f inset;
    border: 1px solid rgba(226, 232, 255, .1);
    background-color: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(150px);
    webkit-backdrop-filter: blur(150px);
}

.margin-design {
    margin: -128px auto;
    color: #7877C6;
    pointer-events: none;
    user-select: none;
    mask-image: radial-gradient(circle, black, transparent 80%);
}

.margin-design::before {
    content: "";
    position: absolute;
    inset: 0px;
    opacity: 0.9;

}

.margin-design-1 {
    background: radial-gradient(circle at top center, #5B0F97, transparent 70%);
}
.margin-design-2 {
    background: radial-gradient(circle at top center, #2b8d20, transparent 70%);
}
.margin-design-3 {
    background: radial-gradient(circle at top center, #2A356D, transparent 70%);
}

.m-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    mask-image: radial-gradient(circle at center top, black, transparent);
}

.margin-design::after {
    content: "";
    position: absolute;
    background: #000420;
    width: 200%;
    left: -50%;
    aspect-ratio: 1 / 0.7;
    /*border-radius: 50%;*/
    border-top: 1px solid rgba(120, 118, 197, 0.9);
    bottom: 50%;
}