.weather-container{z-index:0}.rain-container{position:absolute;width:100%;height:100%;transform:skewX(-15deg)}.raindrop{position:absolute;background:hsla(0,0%,100%,.4);width:1px;height:40px;top:-50px;animation:rain-fall linear infinite}@keyframes rain-fall{0%{top:-50px;opacity:0}10%{opacity:.8}90%{opacity:.8}to{top:120%;opacity:0}}.lightning-flash{position:absolute;inset:0;background:#fff;opacity:0;animation:lightning 5s infinite}@keyframes lightning{0%,90%{opacity:0}92%{opacity:.1}93%{opacity:0}94%{opacity:.2}96%{opacity:0}}.snow-container{position:absolute;width:100%;height:100%}.snowflake{position:absolute;color:#fff;top:-20px;animation:snow-fall linear infinite;filter:blur(1px)}@keyframes snow-fall{0%{top:-20px;transform:translateX(0)}25%{transform:translateX(10px)}50%{transform:translateX(-10px)}75%{transform:translateX(10px)}to{top:120%;transform:translateX(0)}}.stars-container{position:absolute;width:100%;height:100%}.star{position:absolute;background:#fff;width:2px;height:2px;border-radius:50%;animation:twinkle 3s ease-in-out infinite;opacity:.8;box-shadow:0 0 2px #fff}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.shooting-star-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.shooting-star{position:absolute;top:-10px;right:20%;width:60px;height:2px;background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);transform:rotate(45deg);animation:shoot 7s ease-in-out infinite;animation-delay:2s;opacity:0}@keyframes shoot{0%{transform:translate(0) rotate(45deg);opacity:0}5%{opacity:1}10%{transform:translate(-200px,200px) rotate(45deg);opacity:0}to{transform:translate(-200px,200px) rotate(45deg);opacity:0}}.cloud-container{position:absolute;width:100%;height:100%;opacity:.6}.cloud{position:absolute;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,0) 70%);border-radius:50%;filter:blur(20px)}.cloud-1{width:150px;height:150px;top:10%;left:-50px;animation:float 20s ease-in-out infinite alternate}.cloud-2{width:200px;height:200px;top:40%;right:-80px;animation:float 25s ease-in-out infinite alternate-reverse}.fog-layer{position:absolute;inset:0;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(200,210,230,.3));animation:fog-pulse 8s ease-in-out infinite}@keyframes float{0%{transform:translateX(0)}to{transform:translateX(30px)}}@keyframes fog-pulse{0%,to{opacity:.3}50%{opacity:.6}}.sun-rays{position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,215,0,.2) 0,hsla(0,0%,100%,0) 70%);animation:sun-pulse 10s infinite alternate}@keyframes sun-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:.8}}