.snow-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:2000}.snowflake{position:absolute;width:10px;height:10px;background:white;border-radius:50%;opacity:.8;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-10vh) translateX(var(--x-start))}to{transform:translateY(110vh) translateX(var(--x-end))}}.snowflake:nth-child(5n){width:5px;height:5px;animation-duration:7s;animation-delay:-1s;opacity:.6}.snowflake:nth-child(5n+1){width:8px;height:8px;animation-duration:9s;animation-delay:-3s;opacity:.7}.snowflake:nth-child(5n+2){width:3px;height:3px;animation-duration:5s;animation-delay:-5s;opacity:.5}.snowflake:nth-child(5n+3){width:12px;height:12px;animation-duration:12s;animation-delay:-2s;opacity:.8}.snowflake:nth-child(5n+4){width:6px;height:6px;animation-duration:8s;animation-delay:-4s;opacity:.65}.snowflake:nth-child(7n){--x-start:10vw;--x-end:-5vw}.snowflake:nth-child(7n+1){--x-start:25vw;--x-end:20vw}.snowflake:nth-child(7n+2){--x-start:40vw;--x-end:50vw}.snowflake:nth-child(7n+3){--x-start:55vw;--x-end:45vw}.snowflake:nth-child(7n+4){--x-start:70vw;--x-end:75vw}.snowflake:nth-child(7n+5){--x-start:85vw;--x-end:95vw}.snowflake:nth-child(7n+6){--x-start:95vw;--x-end:105vw}