/* CSS Document */
html,
body {
    margin: 0;
    min-height: 100%;
}

body {
    background: #08152d;
}

/* Both full-screen background layers */
.background-scene {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
}

/* Original snowy image */
.background-winter {
    background-image: url("../images/NIGHT.png");
    z-index: -2;
}

/* Green version starts invisible */
.background-green {
    background-image: url("../images/DAY.png");
    opacity: 0;
    z-index: -1;
    will-change: opacity;
}

/* Website content remains above both backgrounds */
.site-content {
    position: relative;
    z-index: 1;
}