.snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}@keyframes snow{0%{transform:translateY(-10vh)}to{transform:translateY(110vh)}}.snow{position:absolute;width:10px;height:10px;background:white;border-radius:50%;animation:snow linear infinite;opacity:0}.snow:first-child{width:6px;height:6px;left:10%;animation-duration:15s;animation-delay:-3s;opacity:.7}.snow:nth-child(2){width:8px;height:8px;left:20%;animation-duration:12s;animation-delay:-5s;opacity:.8}.snow:nth-child(3){width:5px;height:5px;left:30%;animation-duration:18s;animation-delay:-1s;opacity:.6}.snow:nth-child(4){width:7px;height:7px;left:40%;animation-duration:10s;animation-delay:-8s;opacity:.7}.snow:nth-child(5){width:9px;height:9px;left:50%;animation-duration:14s;animation-delay:-2s;opacity:.9}.snow:nth-child(6){width:4px;height:4px;left:60%;animation-duration:20s;animation-delay:-6s;opacity:.5}.snow:nth-child(7){width:6px;height:6px;left:70%;animation-duration:13s;animation-delay:-4s;opacity:.7}.snow:nth-child(8){width:8px;height:8px;left:80%;animation-duration:11s;animation-delay:-7s;opacity:.8}.snow:nth-child(9){width:5px;height:5px;left:90%;animation-duration:17s;animation-delay:0s;opacity:.6}.snow:nth-child(10){width:7px;height:7px;left:5%;animation-duration:16s;animation-delay:-9s;opacity:.7}.snow:nth-child(11){width:8px;height:8px;left:15%;animation-duration:12s;animation-delay:-11s;opacity:.8}.snow:nth-child(12){width:5px;height:5px;left:25%;animation-duration:19s;animation-delay:-3s;opacity:.6}.snow:nth-child(13){width:9px;height:9px;left:35%;animation-duration:11s;animation-delay:-5s;opacity:.9}.snow:nth-child(14){width:6px;height:6px;left:45%;animation-duration:14s;animation-delay:-7s;opacity:.7}.snow:nth-child(15){width:4px;height:4px;left:55%;animation-duration:22s;animation-delay:-1s;opacity:.5}.snow:nth-child(16){width:7px;height:7px;left:65%;animation-duration:15s;animation-delay:-9s;opacity:.7}.snow:nth-child(17){width:8px;height:8px;left:75%;animation-duration:10s;animation-delay:-2s;opacity:.8}.snow:nth-child(18){width:5px;height:5px;left:85%;animation-duration:18s;animation-delay:-4s;opacity:.6}.snow:nth-child(19){width:9px;height:9px;left:95%;animation-duration:13s;animation-delay:-6s;opacity:.9}.snow:nth-child(20){width:6px;height:6px;left:2%;animation-duration:16s;animation-delay:-8s;opacity:.7}.snow:nth-child(21){width:7px;height:7px;left:12%;animation-duration:14s;animation-delay:-10s;opacity:.7}.snow:nth-child(22){width:8px;height:8px;left:22%;animation-duration:11s;animation-delay:-1s;opacity:.8}.snow:nth-child(23){width:5px;height:5px;left:32%;animation-duration:19s;animation-delay:-4s;opacity:.6}.snow:nth-child(24){width:9px;height:9px;left:42%;animation-duration:12s;animation-delay:-6s;opacity:.9}.snow:nth-child(25){width:6px;height:6px;left:52%;animation-duration:15s;animation-delay:-8s;opacity:.7}.snow:nth-child(26){width:4px;height:4px;left:62%;animation-duration:21s;animation-delay:-3s;opacity:.5}.snow:nth-child(27){width:7px;height:7px;left:72%;animation-duration:13s;animation-delay:-5s;opacity:.7}.snow:nth-child(28){width:8px;height:8px;left:82%;animation-duration:10s;animation-delay:-7s;opacity:.8}.snow:nth-child(29){width:5px;height:5px;left:92%;animation-duration:17s;animation-delay:-9s;opacity:.6}.snow:nth-child(30){width:9px;height:9px;left:7%;animation-duration:14s;animation-delay:-11s;opacity:.9}.snow:nth-child(31){width:6px;height:6px;left:18%;animation-duration:15s;animation-delay:-3s;opacity:.7}.snow:nth-child(32){width:8px;height:8px;left:28%;animation-duration:12s;animation-delay:-5s;opacity:.8}.snow:nth-child(33){width:5px;height:5px;left:38%;animation-duration:18s;animation-delay:-1s;opacity:.6}.snow:nth-child(34){width:7px;height:7px;left:48%;animation-duration:10s;animation-delay:-8s;opacity:.7}.snow:nth-child(35){width:9px;height:9px;left:58%;animation-duration:14s;animation-delay:-2s;opacity:.9}.snow:nth-child(36){width:4px;height:4px;left:68%;animation-duration:20s;animation-delay:-6s;opacity:.5}.snow:nth-child(37){width:6px;height:6px;left:78%;animation-duration:13s;animation-delay:-4s;opacity:.7}.snow:nth-child(38){width:8px;height:8px;left:88%;animation-duration:11s;animation-delay:-7s;opacity:.8}.snow:nth-child(39){width:5px;height:5px;left:98%;animation-duration:17s;animation-delay:0s;opacity:.6}.snow:nth-child(40){width:7px;height:7px;left:3%;animation-duration:16s;animation-delay:-9s;opacity:.7}.snow:nth-child(41){width:8px;height:8px;left:13%;animation-duration:12s;animation-delay:-11s;opacity:.8}.snow:nth-child(42){width:5px;height:5px;left:23%;animation-duration:19s;animation-delay:-3s;opacity:.6}.snow:nth-child(43){width:9px;height:9px;left:33%;animation-duration:11s;animation-delay:-5s;opacity:.9}.snow:nth-child(44){width:6px;height:6px;left:43%;animation-duration:14s;animation-delay:-7s;opacity:.7}.snow:nth-child(45){width:4px;height:4px;left:53%;animation-duration:22s;animation-delay:-1s;opacity:.5}.snow:nth-child(46){width:7px;height:7px;left:63%;animation-duration:15s;animation-delay:-9s;opacity:.7}.snow:nth-child(47){width:8px;height:8px;left:73%;animation-duration:10s;animation-delay:-2s;opacity:.8}.snow:nth-child(48){width:5px;height:5px;left:83%;animation-duration:18s;animation-delay:-4s;opacity:.6}.snow:nth-child(49){width:9px;height:9px;left:93%;animation-duration:13s;animation-delay:-6s;opacity:.9}.snow:nth-child(50){width:6px;height:6px;left:1%;animation-duration:16s;animation-delay:-8s;opacity:.7}