.snowfall-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden}.snowflakes{width:100%;height:100%;position:absolute;top:0;left:0}.snowflake{color:#fff;position:fixed;top:-10%;z-index:9999;user-select:none;cursor:default;animation-name:snowflake;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity}.snowflake:nth-child(1){left:7%;animation-duration:7s;font-size:1.2em;opacity:.7}.snowflake:nth-child(2){left:15%;animation-duration:9s;font-size:.9em;opacity:.8;animation-delay:-8s}.snowflake:nth-child(3){left:25%;animation-duration:11s;font-size:1em;opacity:.9;animation-delay:-5s}.snowflake:nth-child(4){left:35%;animation-duration:8s;font-size:.8em;opacity:.7;animation-delay:-2s}.snowflake:nth-child(5){left:45%;animation-duration:10s;font-size:1.1em;opacity:.8;animation-delay:-9s}.snowflake:nth-child(6){left:55%;animation-duration:12s;font-size:.7em;opacity:.9;animation-delay:-6s}.snowflake:nth-child(7){left:65%;animation-duration:9s;font-size:1em;opacity:.7;animation-delay:-3s}.snowflake:nth-child(8){left:75%;animation-duration:11s;font-size:.9em;opacity:.8;animation-delay:-7s}.snowflake:nth-child(9){left:85%;animation-duration:8s;font-size:1.2em;opacity:.9;animation-delay:-4s}.snowflake:nth-child(10){left:95%;animation-duration:10s;font-size:.8em;opacity:.7;animation-delay:-1s}.snowflake:nth-child(11){left:5%;animation-duration:12s;font-size:1.1em;opacity:.8;animation-delay:-8.5s}.snowflake:nth-child(12){left:12%;animation-duration:9s;font-size:.7em;opacity:.9;animation-delay:-5.5s}.snowflake:nth-child(13){left:22%;animation-duration:11s;font-size:1em;opacity:.7;animation-delay:-2.5s}.snowflake:nth-child(14){left:32%;animation-duration:8s;font-size:.9em;opacity:.8;animation-delay:-9.5s}.snowflake:nth-child(15){left:42%;animation-duration:10s;font-size:1.2em;opacity:.9;animation-delay:-6.5s}.snowflake:nth-child(16){left:52%;animation-duration:12s;font-size:.8em;opacity:.7;animation-delay:-3.5s}.snowflake:nth-child(17){left:62%;animation-duration:9s;font-size:1.1em;opacity:.8;animation-delay:-7.5s}.snowflake:nth-child(18){left:72%;animation-duration:11s;font-size:.7em;opacity:.9;animation-delay:-4.5s}.snowflake:nth-child(19){left:82%;animation-duration:8s;font-size:1em;opacity:.7;animation-delay:-1.5s}.snowflake:nth-child(20){left:92%;animation-duration:10s;font-size:.9em;opacity:.8;animation-delay:-8.8s}.snowflake:nth-child(21){left:2%;animation-duration:12s;font-size:1.2em;opacity:.9;animation-delay:-5.8s}.snowflake:nth-child(22){left:17%;animation-duration:9s;font-size:.8em;opacity:.7;animation-delay:-2.8s}.snowflake:nth-child(23){left:27%;animation-duration:11s;font-size:1.1em;opacity:.8;animation-delay:-9.8s}.snowflake:nth-child(24){left:37%;animation-duration:8s;font-size:.7em;opacity:.9;animation-delay:-6.8s}.snowflake:nth-child(25){left:47%;animation-duration:10s;font-size:1em;opacity:.7;animation-delay:-3.8s}@keyframes snowflake{0%{transform:translateY(-10vh) translateX(-10px) rotate(0deg);opacity:1}25%{transform:translateY(25vh) translateX(10px) rotate(45deg);opacity:.8}50%{transform:translateY(50vh) translateX(-10px) rotate(90deg);opacity:.6}75%{transform:translateY(75vh) translateX(10px) rotate(135deg);opacity:.4}100%{transform:translateY(110vh) translateX(-10px) rotate(180deg);opacity:0}}.snowflake{text-shadow:0 0 1px rgba(255,255,255,.3),0 0 2px rgba(255,255,255,.3)}