body,html{padding:0;margin:0;width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(#123,#111)}.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)}100%{transform:translate3d(var(--left-end),110vh,0)}}.snowflake:first-child{--size:0.2vw;--left-ini:-9vw;--left-end:10vw;left:88vw;animation:9s linear -8s infinite snowfall}.snowflake:nth-child(2){--size:0.2vw;--left-ini:-7vw;--left-end:2vw;left:52vw;animation:12s linear -5s infinite snowfall}.snowflake:nth-child(3){--size:0.4vw;--left-ini:8vw;--left-end:9vw;left:46vw;animation:11s linear -8s infinite snowfall}.snowflake:nth-child(4){--size:0.8vw;--left-ini:10vw;--left-end:-4vw;left:89vw;animation:8s linear -7s infinite snowfall}.snowflake:nth-child(5){--size:0.4vw;--left-ini:4vw;--left-end:7vw;left:73vw;animation:9s linear -7s infinite snowfall}.snowflake:nth-child(6){--size:0.2vw;--left-ini:-1vw;--left-end:-3vw;left:28vw;animation:8s linear -5s infinite snowfall}.snowflake:nth-child(7){--size:0.4vw;--left-ini:3vw;--left-end:10vw;left:41vw;animation:7s linear -2s infinite snowfall}.snowflake:nth-child(8){--size:0.8vw;--left-ini:-9vw;--left-end:-6vw;left:30vw;animation:7s linear -8s infinite snowfall}.snowflake:nth-child(9){--size:0.8vw;--left-ini:10vw;--left-end:-8vw;left:80vw;animation:11s linear -2s infinite snowfall}.snowflake:nth-child(10){--size:1vw;--left-ini:-6vw;--left-end:5vw;left:24vw;animation:7s linear -6s infinite snowfall}.snowflake:nth-child(11){--size:0.4vw;--left-ini:6vw;--left-end:3vw;left:50vw;animation:15s linear -6s infinite snowfall}.snowflake:nth-child(12){--size:0.6vw;--left-ini:-1vw;--left-end:7vw;left:60vw;animation:12s linear -3s infinite snowfall}.snowflake:nth-child(13){--size:0.6vw;--left-ini:8vw;--left-end:-7vw;left:95vw;animation:6s linear -9s infinite snowfall}.snowflake:nth-child(14){--size:0.4vw;--left-ini:9vw;--left-end:4vw;left:54vw;animation:9s linear -2s infinite snowfall}.snowflake:nth-child(15){--size:0.2vw;--left-ini:10vw;--left-end:6vw;left:48vw;animation:6s linear -5s infinite snowfall}.snowflake:nth-child(16){--size:0.4vw;--left-ini:-8vw;--left-end:-1vw;left:57vw;animation:7s linear -9s infinite snowfall}.snowflake:nth-child(17){--size:0.8vw;--left-ini:0vw;--left-end:6vw;left:83vw;animation:14s linear -5s infinite snowfall}.snowflake:nth-child(18){--size:1vw;--left-ini:5vw;--left-end:10vw;left:12vw;animation:8s linear -10s infinite snowfall}.snowflake:nth-child(19){--size:0.4vw;--left-ini:5vw;--left-end:10vw;left:3vw;animation:9s linear -10s infinite snowfall}.snowflake:nth-child(20){--size:1vw;--left-ini:6vw;--left-end:-6vw;left:20vw;animation:6s linear -5s infinite snowfall}.snowflake:nth-child(21){--size:0.2vw;--left-ini:9vw;--left-end:0vw;left:38vw;animation:15s linear -7s infinite snowfall}.snowflake:nth-child(22){--size:0.4vw;--left-ini:-5vw;--left-end:4vw;left:50vw;animation:8s linear -2s infinite snowfall}.snowflake:nth-child(23){--size:0.4vw;--left-ini:-8vw;--left-end:6vw;left:6vw;animation:10s linear -4s infinite snowfall}.snowflake:nth-child(24){--size:0.6vw;--left-ini:-6vw;--left-end:-2vw;left:37vw;animation:11s linear -8s infinite snowfall}.snowflake:nth-child(25){--size:1vw;--left-ini:6vw;--left-end:10vw;left:28vw;animation:11s linear -1s infinite snowfall}.snowflake:nth-child(26){--size:0.6vw;--left-ini:7vw;--left-end:-7vw;left:47vw;animation:15s linear -6s infinite snowfall}.snowflake:nth-child(27){--size:0.2vw;--left-ini:10vw;--left-end:3vw;left:89vw;animation:14s linear -7s infinite snowfall}.snowflake:nth-child(28){--size:1vw;--left-ini:8vw;--left-end:10vw;left:28vw;animation:15s linear -1s infinite snowfall}.snowflake:nth-child(29){--size:0.8vw;--left-ini:6vw;--left-end:-5vw;left:85vw;animation:9s linear -4s infinite snowfall}.snowflake:nth-child(30){--size:0.6vw;--left-ini:9vw;--left-end:0vw;left:26vw;animation:11s linear -7s infinite snowfall}.snowflake:nth-child(31){--size:1vw;--left-ini:-1vw;--left-end:7vw;left:88vw;animation:11s linear -1s infinite snowfall}.snowflake:nth-child(32){--size:0.8vw;--left-ini:0vw;--left-end:5vw;left:69vw;animation:9s linear -1s infinite snowfall}.snowflake:nth-child(33){--size:0.6vw;--left-ini:-4vw;--left-end:-7vw;left:66vw;animation:8s linear -3s infinite snowfall}.snowflake:nth-child(34){--size:0.2vw;--left-ini:7vw;--left-end:2vw;left:28vw;animation:9s linear -6s infinite snowfall}.snowflake:nth-child(35){--size:0.8vw;--left-ini:4vw;--left-end:9vw;left:1vw;animation:14s linear -1s infinite snowfall}.snowflake:nth-child(36){--size:0.4vw;--left-ini:10vw;--left-end:2vw;left:62vw;animation:8s linear -8s infinite snowfall}.snowflake:nth-child(37){--size:0.6vw;--left-ini:-9vw;--left-end:10vw;left:5vw;animation:12s linear -7s infinite snowfall}.snowflake:nth-child(38){--size:0.2vw;--left-ini:4vw;--left-end:1vw;left:14vw;animation:8s linear -8s infinite snowfall}.snowflake:nth-child(39){--size:0.4vw;--left-ini:-3vw;--left-end:8vw;left:19vw;animation:12s linear -7s infinite snowfall}.snowflake:nth-child(40){--size:0.6vw;--left-ini:-4vw;--left-end:8vw;left:75vw;animation:12s linear -3s infinite snowfall}.snowflake:nth-child(41){--size:0.8vw;--left-ini:-6vw;--left-end:1vw;left:30vw;animation:15s linear -9s infinite snowfall}.snowflake:nth-child(42){--size:0.4vw;--left-ini:10vw;--left-end:4vw;left:51vw;animation:10s linear -1s infinite snowfall}.snowflake:nth-child(43){--size:0.2vw;--left-ini:-2vw;--left-end:7vw;left:23vw;animation:10s linear -3s infinite snowfall}.snowflake:nth-child(44){--size:0.8vw;--left-ini:0vw;--left-end:7vw;left:96vw;animation:7s linear -2s infinite snowfall}.snowflake:nth-child(45){--size:0.8vw;--left-ini:-3vw;--left-end:-6vw;left:20vw;animation:7s linear -5s infinite snowfall}.snowflake:nth-child(46){--size:0.2vw;--left-ini:-8vw;--left-end:-7vw;left:47vw;animation:9s linear -3s infinite snowfall}.snowflake:nth-child(47){--size:0.8vw;--left-ini:7vw;--left-end:-2vw;left:45vw;animation:13s linear -1s infinite snowfall}.snowflake:nth-child(48){--size:0.8vw;--left-ini:10vw;--left-end:1vw;left:93vw;animation:15s linear -2s infinite snowfall}.snowflake:nth-child(49){--size:1vw;--left-ini:-3vw;--left-end:6vw;left:73vw;animation:15s linear -10s infinite snowfall}.snowflake:nth-child(50){--size:0.8vw;--left-ini:-6vw;--left-end:9vw;left:31vw;animation:8s linear -8s infinite snowfall}.snowflake:nth-child(6n){filter:blur(1px)}