.map{padding:30px 70px}body{background:#e2e3f4}.svg-contain{max-width:150px;margin:20px auto;width:100%;height:100px}.data-contain{padding:10px auto;width:100%}.weather-container{display:flex;justify-content:center;align-items:center;height:100vh}.big-path,.lightening,.line,.little-path{stroke-miterlimit:10;stroke-width:2;stroke-linecap:round;fill:none}.cloud{fill:#dad9d9}.little-path{stroke-width:1}.hurricane-svg .line{stroke:#bae2e0;opacity:1;animation:fadeIn .8s ease-in infinite alternate-reverse}.hurricane-svg .line:first-child{animation-delay:.1s}.hurricane-svg .line:nth-child(2){animation-delay:.2s}.hurricane-svg .line:nth-child(3){animation-delay:.3s}.hurricane-svg .line:nth-child(4){animation-delay:.4s}.hurricane-svg .line:nth-child(5){animation-delay:.5s}.hurricane-svg .line:nth-child(6){animation-delay:.6s}.hurricane-svg .line:nth-child(7){animation-delay:.7s}.hurricane-svg .line:nth-child(8){animation-delay:.8s}.hurricane-svg .line:nth-child(9){animation-delay:.9s}.hurricane-svg .line:nth-child(10){animation-delay:1s}.hurricane-svg .line:nth-child(11){animation-delay:1.1s}.hurricane-svg .line:nth-child(12){animation-delay:1.2s}.hurricane-svg .lightening{animation:flash 1s infinite;stroke:#e5d8ba}.hurricane-svg .big-path,.hurricane-svg .little-path{stroke:#bae2e0}.hurricane-svg .big-path{stroke-width:1}.hurricane-svg .little-path{stroke-width:.5}.hurricane-svg .cloud{animation:colorChange 1s infinite}.windy-svg .big-path,.windy-svg .little-path{animation:dash 1s ease-in infinite alternate-reverse,fadeIn 1s infinite alternate-reverse}.windy-svg path{stroke:#bae2e0}.windy-svg .path-1{stroke-dasharray:7;stroke-dashoffset:7}.windy-svg .path-2{stroke-dasharray:25;stroke-dashoffset:-25}.windy-svg .path-3{stroke-dasharray:30;stroke-dashoffset:30}.windy-svg .path-4{stroke-dasharray:8;stroke-dashoffset:8}.windy-svg .path-5{stroke-dasharray:22;stroke-dashoffset:-22}.windy-svg .big-path-1{stroke-dasharray:57;stroke-dashoffset:57}.windy-svg .big-path-2{stroke-dasharray:76;stroke-dashoffset:76}.clear-sky-svg{animation:expand .8s infinite alternate-reverse}.clear-sky-svg .sun{fill:#e5d8ba}.clear-sky-svg .line{stroke:#e5d8ba;stroke-dasharray:7;animation:dash .8s infinite alternate-reverse,fadeIn 1s forwards}.clear-sky-svg .line-1,.clear-sky-svg .line-3,.clear-sky-svg .line-4,.clear-sky-svg .line-5,.clear-sky-svg .line-7{stroke-dashoffset:5;animation-delay:.3s}.clear-sky-svg .line-2,.clear-sky-svg .line-6,.clear-sky-svg .line-8{stroke-dashoffset:-5}.overcast-clouds .cloud-still{fill:#dad9d9;animation:bounce 4s ease-in-out infinite alternate-reverse}.overcast-clouds .cloud-still:first-child{animation-delay:.2s}.snow-svg .snowflake{transform-origin:50% 50%;transform:translateY(-10px);opacity:0}.snow-svg .snowflake:first-child{animation:fall-counterclockwise 3689ms ease-in infinite forwards;animation-delay:.3s}.snow-svg .snowflake:nth-child(2){animation:fall-clockwise 2305ms ease-in infinite forwards;animation-delay:.6s}.snow-svg .snowflake:nth-child(3){animation:fall-counterclockwise 2487ms ease-in infinite forwards;animation-delay:.9s}.snow-svg .snowflake:nth-child(4){animation:fall-clockwise 3817ms ease-in infinite forwards;animation-delay:.4s}.snow-svg .snowflake:nth-child(5){animation:fall-counterclockwise 3197ms ease-in infinite forwards;animation-delay:1s}.snow-svg .snowflake:nth-child(6){animation:fall-clockwise 3573ms ease-in infinite forwards;animation-delay:.6s}.snow-svg .snowflake:nth-child(7){animation:fall-counterclockwise 3475ms ease-in infinite forwards;animation-delay:2.1s}.snow-svg .snowflake:nth-child(8){animation:fall-clockwise 3323ms ease-in infinite forwards;animation-delay:.8s}.snow-svg .snowflake:nth-child(9){animation:fall-counterclockwise 3507ms ease-in infinite forwards;animation-delay:1.8s}.snow-svg .snowflake:nth-child(10){animation:fall-clockwise 2193ms ease-in infinite forwards;animation-delay:3s}.snow-svg .snowflake-path{stroke:#bae2e0;stroke-width:1}.fog-svg .fog-line:first-child{stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:.2s}.fog-svg .fog-line:nth-child(2){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:.4s}.fog-svg .fog-line:nth-child(3){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:.6s}.fog-svg .fog-line:nth-child(4){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:.8s}.fog-svg .fog-line:nth-child(5){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:1s}.fog-svg .fog-line:nth-child(6){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:1.2s}.fog-svg .fog-line:nth-child(7){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:1.4s}.fog-svg .fog-line:nth-child(8){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:1.6s}.fog-svg .fog-line:nth-child(9){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:1.8s}.fog-svg .fog-line:nth-child(10){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:2s}.fog-svg .fog-line:nth-child(11){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:2.2s}.fog-svg .fog-line:nth-child(12){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:2.4s}.fog-svg .fog-line:nth-child(13){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:2.6s}.fog-svg .fog-line:nth-child(14){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:2.8s}.fog-svg .fog-line:nth-child(15){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:3s}.fog-svg .fog-line:nth-child(16){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:3.2s}.fog-svg .fog-line:nth-child(17){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:3.4s}.fog-svg .fog-line:nth-child(18){stroke:#bae2e0;animation:pan 10s ease-in-out infinite forwards,fadeIn 4s infinite alternate-reverse;animation-delay:3.6s}@keyframes colorChange{0%,90%{fill:#646478}60%,to{fill:hsla(0,0%,78.4%,.8)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flash{0%,90%{opacity:0;transform:translateX(-1px) translateY(-2px) rotate(.01deg)}90%{transform:translateX(1px) translateY(-1px)}60%,to{opacity:1;transform:translateX(0) translateY(0)}}@keyframes expand{to{transform:scale(1.1)}}@keyframes dash{to{stroke-dashoffset:0}}@keyframes bounce{0%,50%,to{transform:translateY(0) translateX(0) rotate(.1deg)}30%,80%{transform:translateY(3px) translateX(3px) rotate(.1deg)}}@keyframes fall-clockwise{0%{transform:translateY(-7px) rotate(0) scale(.5);opacity:0}10%{transform:translateY(-4px) translateX(4px) rotate(-30deg) scale(.7);opacity:1}45%{transform:translateY(5px) translateX(0) rotate(30deg) scale(.6)}50%{opacity:0}to{opacity:0;transform:translateY(10px) translateX(3px) scale(.5)}}@keyframes fall-counterclockwise{0%{transform:translateY(-9px) rotate(0) scale(.6);opacity:0}10%{transform:translateY(-4px) translateX(-4px) rotate(30deg) scale(.7);opacity:1}40%{transform:translateY(8px) translateX(4px) rotate(-30deg) scale(.8)}50%{opacity:0}to{opacity:0;transform:translateY(14px) translateX(-3px) scale(.7)}}@keyframes pan{0%,to{transform:translateX(-2px) rotate(.01deg)}50%{transform:translateX(2px) rotate(.01deg)}}.image-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:0 10px;gap:0 10px;grid-auto-rows:20px}.image-list>.image-container{display:flex;justify-content:center;align-items:flex-start}.image-list img{width:250px}
/*# sourceMappingURL=main.bca02a42.chunk.css.map */