html,body{background:linear-gradient(#111,var(--main-color,#0f70b7));width:100vw;height:100vh;margin:0;padding:0;position:relative;overflow:hidden}.snowflake{--size:1vw;width:var(--size);height:var(--size);background:#fff;border-radius:50%;position:absolute;top:-5vh}@keyframes snowfall{0%{transform:translate3d(var(--left-ini),0,0)}to{transform:translate3d(var(--left-end),110vh,0)}}.snowflake:first-child{--size:.4vw;--left-ini:-4vw;--left-end:0vw;animation:11s linear -7s infinite snowfall;left:65vw}.snowflake:nth-child(2){--size:1vw;--left-ini:-5vw;--left-end:-9vw;animation:12s linear -6s infinite snowfall;left:65vw}.snowflake:nth-child(3){--size:.4vw;--left-ini:3vw;--left-end:7vw;animation:6s linear -9s infinite snowfall;left:95vw}.snowflake:nth-child(4){--size:1vw;--left-ini:-2vw;--left-end:-8vw;animation:7s linear -9s infinite snowfall;left:17vw}.snowflake:nth-child(5){--size:.2vw;--left-ini:7vw;--left-end:5vw;animation:13s linear -6s infinite snowfall;left:50vw}.snowflake:nth-child(6){--size:.6vw;--left-ini:3vw;--left-end:3vw;animation:15s linear -9s infinite snowfall;left:63vw}.snowflake:nth-child(7){--size:.6vw;--left-ini:-9vw;--left-end:0vw;animation:9s linear -4s infinite snowfall;left:24vw}.snowflake:nth-child(8){--size:.6vw;--left-ini:2vw;--left-end:-3vw;animation:8s linear -2s infinite snowfall;left:53vw}.snowflake:nth-child(9){--size:.6vw;--left-ini:-6vw;--left-end:4vw;animation:10s linear -10s infinite snowfall;left:99vw}.snowflake:nth-child(10){--size:.4vw;--left-ini:2vw;--left-end:-5vw;animation:7s linear -4s infinite snowfall;left:84vw}.snowflake:nth-child(11){--size:.4vw;--left-ini:-9vw;--left-end:1vw;animation:7s linear -8s infinite snowfall;left:86vw}.snowflake:nth-child(12){--size:.4vw;--left-ini:-4vw;--left-end:-3vw;animation:13s linear -8s infinite snowfall;left:52vw}.snowflake:nth-child(13){--size:.6vw;--left-ini:-3vw;--left-end:7vw;animation:13s linear -5s infinite snowfall;left:12vw}.snowflake:nth-child(14){--size:1vw;--left-ini:-1vw;--left-end:7vw;animation:11s linear -2s infinite snowfall;left:94vw}.snowflake:nth-child(15){--size:.4vw;--left-ini:8vw;--left-end:6vw;animation:6s linear -1s infinite snowfall;left:14vw}.snowflake:nth-child(16){--size:.6vw;--left-ini:-6vw;--left-end:-3vw;animation:9s linear -8s infinite snowfall;left:51vw}.snowflake:nth-child(17){--size:.8vw;--left-ini:8vw;--left-end:1vw;animation:9s linear -2s infinite snowfall;left:31vw}.snowflake:nth-child(18){--size:1vw;--left-ini:5vw;--left-end:-4vw;animation:8s linear -4s infinite snowfall;left:26vw}.snowflake:nth-child(19){--size:.8vw;--left-ini:6vw;--left-end:6vw;animation:11s linear -9s infinite snowfall;left:90vw}.snowflake:nth-child(20){--size:1vw;--left-ini:8vw;--left-end:2vw;animation:8s linear -1s infinite snowfall;left:78vw}.snowflake:nth-child(21){--size:1vw;--left-ini:6vw;--left-end:-5vw;animation:10s linear -1s infinite snowfall;left:1vw}.snowflake:nth-child(22){--size:.2vw;--left-ini:9vw;--left-end:10vw;animation:11s linear -1s infinite snowfall;left:23vw}.snowflake:nth-child(23){--size:.4vw;--left-ini:1vw;--left-end:-6vw;animation:8s linear -4s infinite snowfall;left:30vw}.snowflake:nth-child(24){--size:.8vw;--left-ini:-4vw;--left-end:4vw;animation:7s linear -3s infinite snowfall;left:10vw}.snowflake:nth-child(25){--size:.6vw;--left-ini:10vw;--left-end:-3vw;animation:9s linear -6s infinite snowfall;left:46vw}.snowflake:nth-child(26){--size:1vw;--left-ini:6vw;--left-end:1vw;animation:12s linear -4s infinite snowfall;left:17vw}.snowflake:nth-child(27){--size:.8vw;--left-ini:10vw;--left-end:-1vw;animation:15s linear -6s infinite snowfall;left:30vw}.snowflake:nth-child(28){--size:.2vw;--left-ini:10vw;--left-end:8vw;animation:13s linear -10s infinite snowfall;left:99vw}.snowflake:nth-child(29){--size:.2vw;--left-ini:8vw;--left-end:0vw;animation:15s linear -1s infinite snowfall;left:89vw}.snowflake:nth-child(30){--size:.2vw;--left-ini:0vw;--left-end:1vw;animation:14s linear -7s infinite snowfall;left:16vw}.snowflake:nth-child(31){--size:.6vw;--left-ini:-1vw;--left-end:-3vw;animation:10s linear -5s infinite snowfall;left:13vw}.snowflake:nth-child(32){--size:.6vw;--left-ini:7vw;--left-end:-8vw;animation:6s linear -5s infinite snowfall;left:7vw}.snowflake:nth-child(33){--size:.6vw;--left-ini:4vw;--left-end:5vw;animation:9s linear -3s infinite snowfall;left:22vw}.snowflake:nth-child(34){--size:.4vw;--left-ini:3vw;--left-end:4vw;animation:7s linear -5s infinite snowfall;left:77vw}.snowflake:nth-child(35){--size:.4vw;--left-ini:3vw;--left-end:7vw;animation:14s linear -4s infinite snowfall;left:33vw}.snowflake:nth-child(36){--size:.2vw;--left-ini:7vw;--left-end:1vw;animation:11s linear -3s infinite snowfall;left:87vw}.snowflake:nth-child(37){--size:.2vw;--left-ini:7vw;--left-end:-5vw;animation:15s linear -8s infinite snowfall;left:97vw}.snowflake:nth-child(38){--size:1vw;--left-ini:5vw;--left-end:-7vw;animation:9s linear -7s infinite snowfall;left:3vw}.snowflake:nth-child(39){--size:.6vw;--left-ini:3vw;--left-end:-4vw;animation:6s linear -1s infinite snowfall;left:6vw}.snowflake:nth-child(40){--size:.4vw;--left-ini:9vw;--left-end:-5vw;animation:14s linear -1s infinite snowfall;left:1vw}.snowflake:nth-child(41){--size:.6vw;--left-ini:-3vw;--left-end:-6vw;animation:12s linear -6s infinite snowfall;left:32vw}.snowflake:nth-child(42){--size:.4vw;--left-ini:1vw;--left-end:7vw;animation:12s linear -9s infinite snowfall;left:5vw}.snowflake:nth-child(43){--size:.4vw;--left-ini:7vw;--left-end:-1vw;animation:15s linear -2s infinite snowfall;left:10vw}.snowflake:nth-child(44){--size:.4vw;--left-ini:2vw;--left-end:-4vw;animation:12s linear -10s infinite snowfall;left:81vw}.snowflake:nth-child(45){--size:1vw;--left-ini:3vw;--left-end:7vw;animation:14s linear -7s infinite snowfall;left:77vw}.snowflake:nth-child(46){--size:1vw;--left-ini:2vw;--left-end:2vw;animation:8s linear -8s infinite snowfall;left:65vw}.snowflake:nth-child(47){--size:1vw;--left-ini:6vw;--left-end:6vw;animation:15s linear -6s infinite snowfall;left:90vw}.snowflake:nth-child(48){--size:.4vw;--left-ini:-3vw;--left-end:1vw;animation:8s linear -9s infinite snowfall;left:17vw}.snowflake:nth-child(49){--size:.8vw;--left-ini:-2vw;--left-end:-8vw;animation:14s linear -1s infinite snowfall;left:70vw}.snowflake:nth-child(50){--size:.4vw;--left-ini:-9vw;--left-end:-5vw;animation:12s linear -2s infinite snowfall;left:99vw}.snowflake:nth-child(6n){filter:blur(1px)}