.snowflakes{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999}
.snowflake{position:fixed;color:#7eb8da;font-size:1.5em;font-family:Arial,sans-serif;text-shadow:0 0 5px rgba(255,255,255,.8),0 0 10px rgba(126,184,218,.5);animation:fall linear infinite,shake ease-in-out infinite;will-change:top,transform;opacity:.8}
@keyframes fall{0%{top:-50px}100%{top:calc(100vh + 50px);top:calc(100dvh + 50px)}}
@keyframes shake{0%,100%{transform:translateX(0)}50%{transform:translateX(30px)}}
.snowflake:nth-child(1){left:2%;animation-duration:12s,4s;animation-delay:-1s,0s;font-size:.8em;opacity:.6}
.snowflake:nth-child(2){left:8%;animation-duration:16s,5s;animation-delay:-8s,0s;font-size:1.6em;opacity:.9}
.snowflake:nth-child(3){left:15%;animation-duration:10s,4s;animation-delay:-3s,0s;font-size:1.2em;opacity:.7}
.snowflake:nth-child(4){left:22%;animation-duration:14s,5s;animation-delay:-11s,0s;font-size:1em;opacity:.8}
.snowflake:nth-child(5){left:28%;animation-duration:11s,4s;animation-delay:-5s,0s;font-size:2em;opacity:.75}
.snowflake:nth-child(6){left:35%;animation-duration:13s,5s;animation-delay:-2s,0s;font-size:1.4em;opacity:.85}
.snowflake:nth-child(7){left:42%;animation-duration:17s,6s;animation-delay:-14s,0s;font-size:.9em;opacity:.65}
.snowflake:nth-child(8){left:48%;animation-duration:10s,4s;animation-delay:-7s,0s;font-size:1.7em;opacity:.9}
.snowflake:nth-child(9){left:55%;animation-duration:15s,5s;animation-delay:-12s,0s;font-size:1.1em;opacity:.7}
.snowflake:nth-child(10){left:62%;animation-duration:11s,4s;animation-delay:-4s,0s;font-size:1.8em;opacity:.8}
.snowflake:nth-child(11){left:68%;animation-duration:14s,5s;animation-delay:-9s,0s;font-size:1em;opacity:.6}
.snowflake:nth-child(12){left:75%;animation-duration:10s,4s;animation-delay:-6s,0s;font-size:1.5em;opacity:.85}
.snowflake:nth-child(13){left:82%;animation-duration:13s,5s;animation-delay:-10s,0s;font-size:1.3em;opacity:.75}
.snowflake:nth-child(14){left:88%;animation-duration:11s,4s;animation-delay:-2s,0s;font-size:2.2em;opacity:.9}
.snowflake:nth-child(15){left:95%;animation-duration:15s,5s;animation-delay:-13s,0s;font-size:1em;opacity:.7}
.snowflake:nth-child(16){left:5%;animation-duration:12s,4s;animation-delay:-8s,0s;font-size:1.6em;opacity:.8}
.snowflake:nth-child(17){left:12%;animation-duration:16s,6s;animation-delay:-15s,0s;font-size:.9em;opacity:.65}
.snowflake:nth-child(18){left:25%;animation-duration:10s,4s;animation-delay:-4s,0s;font-size:1.9em;opacity:.85}
.snowflake:nth-child(19){left:38%;animation-duration:13s,5s;animation-delay:-11s,0s;font-size:1.1em;opacity:.7}
.snowflake:nth-child(20){left:52%;animation-duration:11s,4s;animation-delay:-3s,0s;font-size:1.4em;opacity:.9}
.snowflake:nth-child(21){left:65%;animation-duration:12s,4s;animation-delay:-7s,0s;font-size:2em;opacity:.75}
.snowflake:nth-child(22){left:78%;animation-duration:14s,5s;animation-delay:-10s,0s;font-size:1.2em;opacity:.8}
.snowflake:nth-child(23){left:91%;animation-duration:10s,4s;animation-delay:-5s,0s;font-size:1.7em;opacity:.85}
.snowflake:nth-child(24){left:18%;animation-duration:13s,5s;animation-delay:-1s,0s;font-size:.8em;opacity:.6}
.snowflake:nth-child(25){left:32%;animation-duration:16s,6s;animation-delay:-12s,0s;font-size:1.5em;opacity:.9}
.snowflake:nth-child(26){left:45%;animation-duration:10s,4s;animation-delay:-6s,0s;font-size:1.3em;opacity:.7}
.snowflake:nth-child(27){left:58%;animation-duration:12s,4s;animation-delay:-9s,0s;font-size:2.1em;opacity:.8}
.snowflake:nth-child(28){left:72%;animation-duration:14s,5s;animation-delay:-13s,0s;font-size:1em;opacity:.75}
.snowflake:nth-child(29){left:85%;animation-duration:11s,4s;animation-delay:-4s,0s;font-size:1.6em;opacity:.85}
.snowflake:nth-child(30){left:98%;animation-duration:10s,4s;animation-delay:-8s,0s;font-size:1.4em;opacity:.9}
@media(max-width:768px){.snowflakes{display:none}}
@media(prefers-reduced-motion:reduce){.snowflakes{display:none}}