.snow-container{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.snow-layer{background-image:radial-gradient(3px 3px at 20% 30%,#fff 50%,#0000),radial-gradient(2px 2px at 40% 70%,#fff 50%,#0000),radial-gradient(4px 4px at 60% 20%,#fff 50%,#0000),radial-gradient(3px 3px at 80% 60%,#fff 50%,#0000),radial-gradient(2px 2px at 10% 90%,#fff 50%,#0000),radial-gradient(3px 3px at 30% 10%,#fff 50%,#0000),radial-gradient(4px 4px,#fff 50%,#0000),radial-gradient(2px 2px at 70% 80%,#fff 50%,#0000),radial-gradient(3px 3px at 90% 30%,#fff 50%,#0000);background-repeat:repeat;width:100%;height:200%;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-100%;left:0}.layer-1{opacity:.9;filter:blur(.5px);background-size:400px 400px;animation-duration:15s}.layer-2{opacity:.6;filter:blur(1.5px);background-size:600px 600px;animation-duration:25s;top:-150%}.layer-3{opacity:.4;filter:blur(3px);background-size:800px 800px;animation-duration:35s;top:-200%}@keyframes fall{0%{transform:translateY(0)}to{transform:translateY(50%)}}
.new-year-container{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.stars{opacity:.5;background-image:radial-gradient(1.5px 1.5px at 10% 10%,#fff 50%,#0000),radial-gradient(1px 1px at 20%,#fff 50%,#0000),radial-gradient(2px 2px at 30% 30%,#fff 50%,#0000),radial-gradient(1.5px 1.5px at 40% 80%,#fff 50%,#0000),radial-gradient(1px 1px at 50% 40%,#fff 50%,#0000),radial-gradient(2px 2px at 60% 90%,#fff 50%,#0000),radial-gradient(1.5px 1.5px at 70% 20%,#fff 50%,#0000),radial-gradient(1px 1px at 80% 60%,#fff 50%,#0000),radial-gradient(2px 2px at 90% 15%,#fff 50%,#0000);background-size:400px 400px;width:100%;height:100%;animation:4s ease-in-out infinite alternate twinkle;position:absolute;top:0;left:0}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.firefly{opacity:0;background-color:gold;border-radius:50%;width:4px;height:4px;animation:15s linear infinite firefly-float;position:absolute;box-shadow:0 0 8px 1px gold,0 0 15px 2px #ffd70080}@keyframes firefly-float{0%{opacity:0;transform:translate(0)scale(.5)}10%{opacity:.8}40%{transform:translate(var(--moveX1),var(--moveY1))scale(1)}60%{opacity:.4}80%{transform:translate(var(--moveX2),var(--moveY2))scale(.8);opacity:.9}to{transform:translate(var(--moveX3),var(--moveY3))scale(.5);opacity:0}}