body, html {
            height: 100%;
            margin: 0;
        }

        .snow-container {
            position: absolute;
            height: 100%;
            width: 100%;
            max-width: 100%;
            top: 0;
            overflow: hidden;
            z-index: 2;
            pointer-events: none;
        }

        .snow {
            display: block;
            position: absolute;
            z-index: 2;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            pointer-events: none;
            transform: translate3d(0, -100%, 0);
            animation: snow linear infinite;
        }

        .snow.foreground {
            background-image: url('https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-large-075d267ecbc42e3564c8ed43516dd557.png');
            animation-duration: 15s;
        }

        .snow.foreground.layered {
            animation-delay: 7.5s;
        }

        .snow.middleground {
            background-image: url('https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png');
            animation-duration: 20s;
        }

        .snow.middleground.layered {
            animation-delay: 10s;
        }

        .snow.background {
            background-image: url('https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png');
            animation-duration: 30s;
        }

        .snow.background.layered {
            animation-delay: 15s;
        }

        @keyframes snow {
            0% {
                transform: translate3d(0, -100%, 0);
            }

            100% {
                transform: translate3d(15%, 100%, 0);
            }
        }