.background{animation:slowZoom 38s ease-in-out infinite alternate}
.sun-glow{animation:sunPulse 8s ease-in-out infinite alternate}
.cloud-a{animation:cloudMove 48s linear infinite}
.cloud-b{animation:cloudMove 64s linear 8s infinite}
.cloud-c{animation:cloudMove 82s linear 16s infinite}
body.weather-rain .rain,body.weather-storm .rain{animation:rainFall .7s linear infinite}
body.weather-snow .snow{animation:snowFall 9s linear infinite}
body.weather-fog .fog{animation:fogMove 18s ease-in-out infinite alternate}
body.time-night .stars{animation:twinkle 3s ease-in-out infinite alternate}
body.weather-storm .lightning{animation:flash 8s infinite}
@keyframes slowZoom{to{transform:scale(1.08)}}
@keyframes sunPulse{to{transform:scale(1.08);opacity:.72}}
@keyframes cloudMove{to{left:120%}}
@keyframes rainFall{to{transform:translate(-35px,95px)}}
@keyframes snowFall{to{transform:translate(35px,110px)}}
@keyframes fogMove{from{transform:translateX(-20%)}to{transform:translateX(20%)}}
@keyframes twinkle{from{opacity:.22}to{opacity:.62}}
@keyframes flash{0%,92%,96%,100%{opacity:0}93%,95%{opacity:.52;background:#fff}}


/* V8 finom belépési animáció */
.panel{
  animation:panelIn .55s ease both;
}
.outdoor-panel{animation-delay:.02s}
.indoor-panel{animation-delay:.06s}
.trend-panel{animation-delay:.10s}
.forecast-panel{animation-delay:.14s}
.radar-panel{animation-delay:.18s}
.alerts-panel{animation-delay:.22s}
@keyframes panelIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}