:root{
    --bgColor:#0b1220;
    --cardBg:#111a2e;

    --blue:#38bdf8;

    --textColor:#e6f6ff;
    --txtColor:#e6f6ff;
    --muteColor:#7aa6c2;
    --toBeAddedColor:#e6f6ff58;

    --borderColorLight:#1f3a5f;

    --shadowColor:#1b3554;

    --sucColor: hsl(183, 100%, 50%);

    --errColor: hsl(340, 100%, 50%);

    --dalalBg:#38bdf8;
}
.itsBig
{
    filter: invert(100%) drop-shadow(0 0 8px var(--shadowColor)) !important;
    scale: 120%;
}
.imgsShouldHave
{
    filter: brightness(0%) invert(100%) !important;
}
body{
    background:
        radial-gradient(circle at 20% 10%, rgba(56,189,248,0.15), transparent 40%),
        radial-gradient(circle at 80% 90%, rgba(56,189,248,0.12), transparent 40%),
        #0b1220 !important;
    color:var(--textColor) !important;
    font-family: "Cascadia_Mono", "Orbitron", "IBM Plex Sans Arabic";
}

.header{
    background:rgba(17,26,46,0.7) !important;
    backdrop-filter:blur(10px) !important;
    border-bottom:1px solid var(--borderColorLight) !important;
}

div[style*="border: 1px solid var(--borderColorLight)"]
{
    background: none !important;
    border: 1px solid var(--shadowColor) !important;
}
.resBox{
    background:linear-gradient(
        145deg,
        rgba(20,32,55,0.9),
        rgba(10,18,32,0.9)
    ) !important;
    border:1px solid #1f3a5f !important;
    backdrop-filter: blur(1px) !important;
    box-shadow: none !important;
}

.resBox:hover{
    box-shadow:
        0 0 4px rgba(56,189,248,0.35),
        0 0 8px rgba(0,0,0,0.5);
}
.resBox1{
    background:linear-gradient(
        145deg,
        rgba(20,32,55,0.9),
        rgba(10,18,32,0.9)
    ) !important;
    border:1px solid #1f3a5f !important;
    backdrop-filter: blur(1px) !important;
    box-shadow: none !important;
}
.resBox1:hover{
    box-shadow:
        0 0 4px rgba(56,189,248,0.35),
        0 0 8px rgba(0,0,0,0.5);
}
a{
    color:var(--blue) !important;
}
a:hover{
    text-shadow:0 0 4px rgba(56,189,248,0.7) !important;
}

.footerHolder{
    background:rgba(17,26,46,0.8) !important;
    border-top:1px solid var(--borderColorLight) !important;
}
.fi
{
    filter: brightness(0%) invert(100%) !important;
}

.searchIcon3_1
{
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(100%) brightness(0%);

    border: 1px solid var(--borderColor);

    border-radius: 50%;

    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
}
.searchIcon
{
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    filter: invert(100%) !important;
}
input
{
    font-family: "Cascadia_Mono", "Orbitron", "IBM Plex Sans Arabic" !important;
    color: var(--textColor) !important;
}
textarea
{
    color: var(--textColor) !important;
}
button
{
    color: var(--textColor) !important;
}
#jsAccDiv
{
    background-color: transparent !important;
    filter: invert(100%);
    border: none !important;
}
.headerDiv2Div0
{
    border: none !important;
}
.headerDiv2Div0Div2
{
    background-color: transparent !important;
    border: none !important;
    filter: invert(100%);
}
.headerDiv2Div0Div2Div1
{
    background-color: transparent !important;
    filter: invert(100%);
}