/* Snow container styling - circular, overlaid on image */
 
/* Gemini made corrections to the snow-container in the html file so I removed the section out here.

        /* SNOW EFFECTS */
        .snow-layer-foreground,
        .snow-layer-midground,
        .snow-layer-background {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: transparent;
            overflow: hidden;
        }

        .snow {
            position: absolute;
            color: white;
            text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
            opacity: 0.8;
        }

        .snow-layer-foreground .snow {
            font-size: 3vh;
            animation: fall-foreground linear infinite, sway ease-in-out infinite;
        }

        .snow-layer-midground .snow {
            font-size: 2vh;
            filter: blur(1em);
            animation: fall-midground linear infinite, sway ease-in-out infinite;
        }

        .snow-layer-background .snow {
            font-size: 1vh;
            filter: blur(2em);
            animation: fall-background linear infinite, sway ease-in-out infinite;
        }

        @keyframes fall-foreground {
            0% { top: -10%; opacity: 0; transform: translateX(0); }
            10% { opacity: 1; }
            100% { top: 85%; opacity: 0; }
        }

        @keyframes fall-midground {
            0% { top: -10%; opacity: 0; transform: translateX(0); }
            10% { opacity: 0.8; }
            100% { top: 85%; opacity: 0; }
        }

        @keyframes fall-background {
            0% { top: -10%; opacity: 0; transform: translateX(0); }
            10% { opacity: 0.6; }
            100% { top: 85%; opacity: 0; }
        }

        @keyframes sway {
            0% { transform: translateX(0); }
            25% { transform: translateX(1rem); }
            50% { transform: translateX(-1rem); }
            75% { transform: translateX(1rem); }
            100% { transform: translateX(0); }
        }

        .snow-layer-foreground .snow:nth-child(1) { left: 10%; animation-duration: 5s, 7s; animation-delay: -1s, -2s; }
        .snow-layer-foreground .snow:nth-child(2) { left: 20%; animation-duration: 6s, 8s; animation-delay: -3s, -1s; }
        .snow-layer-foreground .snow:nth-child(3) { left: 30%; animation-duration: 5.5s, 7.5s; animation-delay: -2s, -3s; }
        .snow-layer-foreground .snow:nth-child(4) { left: 40%; animation-duration: 7s, 9s; animation-delay: -4s, -2s; }
        .snow-layer-foreground .snow:nth-child(5) { left: 50%; animation-duration: 6.5s, 8.5s; animation-delay: -1.5s, -1.5s; }
        .snow-layer-foreground .snow:nth-child(6) { left: 60%; animation-duration: 5.8s, 7.8s; animation-delay: -2.5s, -2.5s; }
        .snow-layer-foreground .snow:nth-child(7) { left: 70%; animation-duration: 6.2s, 8.2s; animation-delay: -3.5s, -1s; }
        .snow-layer-foreground .snow:nth-child(8) { left: 80%; animation-duration: 5.3s, 7.3s; animation-delay: -2.2s, -3.2s; }

        .snow-layer-midground .snow:nth-child(1) { left: 5%; animation-duration: 10s, 12s; animation-delay: -2s, -3s; }
        .snow-layer-midground .snow:nth-child(2) { left: 15%; animation-duration: 11s, 13s; animation-delay: -4s, -2s; }
        .snow-layer-midground .snow:nth-child(3) { left: 25%; animation-duration: 10.5s, 12.5s; animation-delay: -3s, -4s; }
        .snow-layer-midground .snow:nth-child(4) { left: 35%; animation-duration: 12s, 14s; animation-delay: -5s, -3s; }
        .snow-layer-midground .snow:nth-child(5) { left: 45%; animation-duration: 11.5s, 13.5s; animation-delay: -2.5s, -2.5s; }
        .snow-layer-midground .snow:nth-child(6) { left: 55%; animation-duration: 10.8s, 12.8s; animation-delay: -4.5s, -3.5s; }
        .snow-layer-midground .snow:nth-child(7) { left: 65%; animation-duration: 11.2s, 13.2s; animation-delay: -3.8s, -2.8s; }
        .snow-layer-midground .snow:nth-child(8) { left: 75%; animation-duration: 10.3s, 12.3s; animation-delay: -2.2s, -4.2s; }
        .snow-layer-midground .snow:nth-child(9) { left: 85%; animation-duration: 11.8s, 13.8s; animation-delay: -3.3s, -2.3s; }
        .snow-layer-midground .snow:nth-child(10) { left: 95%; animation-duration: 10.7s, 12.7s; animation-delay: -4.8s, -3.8s; }
        .snow-layer-midground .snow:nth-child(11) { left: 12%; animation-duration: 11.3s, 13.3s; animation-delay: -2.7s, -4.7s; }
        .snow-layer-midground .snow:nth-child(12) { left: 22%; animation-duration: 10.9s, 12.9s; animation-delay: -3.9s, -2.9s; }

        .snow-layer-background .snow:nth-child(1) { left: 8%; animation-duration: 15s, 18s; animation-delay: -3s, -4s; }
        .snow-layer-background .snow:nth-child(2) { left: 18%; animation-duration: 16s, 19s; animation-delay: -5s, -3s; }
        .snow-layer-background .snow:nth-child(3) { left: 28%; animation-duration: 15.5s, 18.5s; animation-delay: -4s, -5s; }
        .snow-layer-background .snow:nth-child(4) { left: 38%; animation-duration: 17s, 20s; animation-delay: -6s, -4s; }
        .snow-layer-background .snow:nth-child(5) { left: 48%; animation-duration: 16.5s, 19.5s; animation-delay: -3.5s, -3.5s; }
        .snow-layer-background .snow:nth-child(6) { left: 58%; animation-duration: 15.8s, 18.8s; animation-delay: -5.5s, -4.5s; }
        .snow-layer-background .snow:nth-child(7) { left: 68%; animation-duration: 16.2s, 19.2s; animation-delay: -4.8s, -3.8s; }
        .snow-layer-background .snow:nth-child(8) { left: 78%; animation-duration: 15.3s, 18.3s; animation-delay: -3.2s, -5.2s; }
        .snow-layer-background .snow:nth-child(9) { left: 88%; animation-duration: 16.8s, 19.8s; animation-delay: -4.3s, -3.3s; }
        .snow-layer-background .snow:nth-child(10) { left: 98%; animation-duration: 15.7s, 18.7s; animation-delay: -5.8s, -4.8s; }
        .snow-layer-background .snow:nth-child(11) { left: 13%; animation-duration: 16.3s, 19.3s; animation-delay: -3.7s, -5.7s; }
        .snow-layer-background .snow:nth-child(12) { left: 23%; animation-duration: 15.9s, 18.9s; animation-delay: -4.9s, -3.9s; }
        .snow-layer-background .snow:nth-child(13) { left: 33%; animation-duration: 16.1s, 19.1s; animation-delay: -3.1s, -4.1s; }
        .snow-layer-background .snow:nth-child(14) { left: 43%; animation-duration: 15.6s, 18.6s; animation-delay: -5.6s, -3.6s; }
        .snow-layer-background .snow:nth-child(15) { left: 53%; animation-duration: 16.4s, 19.4s; animation-delay: -4.4s, -5.4s; }