:root {

    /* Цвета */

    --sky-top: #030611;
    --sky-middle: #071327;
    --sky-bottom: #142647;

    --aurora-green: #3fffb2;
    --aurora-cyan: #4de8ff;
    --aurora-violet: #8f7bff;

    --star-white: #ffffff;
    --star-blue: #dceeff;
    --star-yellow: #fff0c4;

    --tower: #0d0d10;
    --landscape: #07090d;

    /* Время */

    --aurora-speed: 120s;
    --meteor-speed: 2.5s;

}

html,
body {

    width:100%;
    height:100%;

}

body{

    overflow:hidden;
    background:#000;

}

#scene{

    position:relative;

    width:100vw;
    height:100vh;

    overflow:hidden;

}

#sky,
#stars,
#aurora,
#meteors,
#tower,
#landscape,
#overlay{

    position:absolute;

    inset:0;

}

html,body{width:100%;height:100%;overflow:hidden;background:#050816}
body{font-family:system-ui,sans-serif}
#sky{position:relative;width:100%;height:100%}


#sky {
    z-index: 1;
}

#aurora {
    z-index: 5;
}

#stars {
    z-index: 10;
}

#meteors {
    z-index: 15;
}

#landscape {
    z-index: 20;
}

#tower {
    z-index: 30;
}

#overlay {
    z-index: 100;
}

#stars {

    position: absolute;
    inset: 0;

    overflow: hidden;

}