/*==================================================
BACKGROUND ESTÁTICO
FRIKITORIUM
==================================================*/

html{

    background:#050505;

}

body{

    min-height:100vh;

    background:
        radial-gradient(
            circle at 12% 10%,
            rgba(0,255,136,.14) 0%,
            rgba(0,255,136,.07) 18%,
            transparent 38%
        ),

        radial-gradient(
            circle at 88% 12%,
            rgba(125,77,255,.16) 0%,
            rgba(125,77,255,.08) 20%,
            transparent 40%
        ),

        radial-gradient(
            circle at 18% 85%,
            rgba(0,255,136,.07) 0%,
            transparent 32%
        ),

        radial-gradient(
            circle at 84% 82%,
            rgba(125,77,255,.07) 0%,
            transparent 34%
        ),

        linear-gradient(
            180deg,
            #050505 0%,
            #080808 38%,
            #050505 72%,
            #030303 100%
        );

    background-attachment:fixed;

}

/*==================================================
CAPA DECORATIVA ESTÁTICA
==================================================*/

#background-effects{

    position:fixed;

    inset:0;

    z-index:-15;

    pointer-events:none;

    overflow:hidden;

    background:

        linear-gradient(
            90deg,
            rgba(0,0,0,.28) 0%,
            transparent 22%,
            transparent 78%,
            rgba(0,0,0,.28) 100%
        ),

        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 0%,
            transparent 18%,
            transparent 78%,
            rgba(0,0,0,.34) 100%
        );

}

/*==================================================
ELEMENTOS ANTIGUOS DESACTIVADOS
==================================================*/

#background-canvas,
.background-glow{

    display:none !important;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:900px){

    body{

        background:
            radial-gradient(
                circle at 10% 8%,
                rgba(0,255,136,.12) 0%,
                transparent 34%
            ),

            radial-gradient(
                circle at 90% 10%,
                rgba(125,77,255,.13) 0%,
                transparent 36%
            ),

            radial-gradient(
                circle at 50% 88%,
                rgba(0,255,136,.045) 0%,
                transparent 40%
            ),

            linear-gradient(
                180deg,
                #050505 0%,
                #080808 45%,
                #030303 100%
            );

        background-attachment:scroll;

    }

}