/* ==========================================
   DEVGHAR EFFECT ENGINE
========================================== */

#dg-theme-effects{

    position:fixed;

    inset:0;

    overflow:hidden;

    pointer-events:none;

    z-index:9999;

}

/* Canvas */

#dg-theme-canvas{

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:100%;

    pointer-events:none;

}

/* ==========================================================
   PARTICLE
========================================================== */

.dg-particle{

    position:absolute;

    bottom:-20px;

    border-radius:50%;

    filter:blur(.5px);

    animation:

        dgParticle linear infinite;

}

@keyframes dgParticle{

0%{

transform:

translate3d(

0,

0,

0

)

scale(.2);

opacity:0;

}

15%{

opacity:1;

}

100%{

transform:

translate3d(

var(--wind),

-110vh,

0

)

scale(.4);

opacity:0;

}

}