/* =====================================================
   RALKERIE BACKGROUND
   PERFORMANCE OPTIMIZED
===================================================== */

#stars {

    position: fixed;

    inset: 0;

    width: 100vw;

    height: 100vh;

    overflow: hidden;

    pointer-events: none;

    z-index: 0;

    background: transparent;

    contain: strict;
}


#stars canvas {

    display: block;

    width: 100%;

    height: 100%;

    pointer-events: none;
}


/* =====================================================
   METEOR CONTAINER
===================================================== */

#meteors {

    position: fixed;

    inset: 0;

    width: 100vw;

    height: 100vh;

    overflow: hidden;

    pointer-events: none;

    z-index: 1;

    contain: strict;
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 700px) {

    #stars {

        contain: strict;

    }

}