@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&family=Poppins:wght@100;200;300;500;700;800;900&display=swap);*,body{box-sizing:border-box;margin:0;padding:0}*{border:none;font-family:Poppins;outline:none}.App{position:relative}.App .intro{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.App .intro.animate{animation:nonee 1.5s ease forwards}@keyframes nonee{to{display:none}}.App .intro .earth{aspect-ratio:1/1;border-radius:50%;overflow:hidden;position:absolute;right:1rem;top:1rem;transform:scale(.6);width:15rem}.App .intro .text{align-items:center;display:flex;flex-direction:column;gap:1rem}.App .intro.animate .earth,.App .intro.animate .text{animation:clear 1.25s ease forwards}.App .intro .text h1{color:#333;font-family:Great Vibes;font-size:3rem;letter-spacing:.2rem;line-height:100%}.App .intro .text button{background-color:#007bff;border-radius:3px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.75rem 1rem;width:30%}@keyframes clear{to{display:none;opacity:0}}.App .intro .bg{display:flex;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.App .intro .bg div{display:flex;height:100%;width:20%}.App .intro .bg div:nth-child(2),.App .intro .bg div:nth-child(4){align-items:flex-end}.App .intro .bg div div{height:100%;width:100%}.App .intro .bg div:first-child div{background:url(/static/media/image1x1.71cefb654a70646da8f0.jpg);background-size:cover}.App .intro .bg div:nth-child(2) div{background:url(/static/media/image2x1.03808b6729ee2115321d.jpg);background-size:cover}.App .intro .bg div:nth-child(3) div{background:url(/static/media/image3x1.2cb33c8275ba3444de53.jpg);background-size:cover}.App .intro .bg div:nth-child(4) div{background:url(/static/media/image4x1.6f6c04b576093b43c1af.jpg);background-size:cover}.App .intro .bg div:nth-child(5) div{background:url(/static/media/image5x1.180a817dd86cb412b823.jpg);background-size:cover}.App .intro.animate .bg div:first-child div{animation:bg .7s ease-in-out .3s forwards}.App .intro.animate .bg div:nth-child(2) div{animation:bg .6s ease-in-out .5s forwards}.App .intro.animate .bg div:nth-child(3) div{animation:bg .4s ease-in-out .8s forwards}.App .intro.animate .bg div:nth-child(4) div{animation:bg .3s ease-in-out 1s forwards}.App .intro.animate .bg div:nth-child(5) div{animation:bg .2s ease-in-out 1.2s forwards}@keyframes bg{to{height:0}}.App .content{height:100vh;overflow:hidden;position:relative}.App .content .loader{background-color:#fff6;height:100vh;left:-100vw;position:absolute;transition:.25s ease;width:100%;z-index:5}.App .content .loader.show{left:0}.App .content .loader .load{animation:turn 2s linear infinite;background-color:initial;border-radius:50%;border-top:5px solid #007bff;display:inline-block;height:calc(var(--i)*15);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--i)*15)}.App .content .loader .load:nth-child(odd){animation:turn 2s linear infinite reverse}@keyframes turn{to{transform:translate(-50%,-50%) rotate(1turn)}}.App .content .info{align-items:center;display:flex;flex-direction:column;height:9rem;padding-top:.5rem;width:100%}.App .content .bgimg{height:100%;position:absolute;width:100%}.App .content .bgimg.day{background:url(/static/media/day%20pic.15a03af011af0794f16f.jpg);background-size:cover}.App .content .bgimg.night{background:url(/static/media/night%20pic.ff7ec8e646dd9ac768ea.jpg);background-size:cover}.App .content .bgimg.rain{background:url(/static/media/rain.95aad4cedb03910c728b.jpg);background-size:cover}.App .content .bgimg.cloud{background:url(/static/media/cloud.8acb78a4fc5d8145ee85.jpg);background-size:cover}.App .content .bgimg.daycloud{background:url(/static/media/daycloud.65c3a74a5d7501ed00ad.jpg);background-size:cover}.App .content .bgimg.brightday{background:url(/static/media/brightday.bed8c46e81b1bc1f76b8.jpg);background-size:cover}.App .content .bgimg.cloudnight{background:url(/static/media/cloud%20night.fedcc86f31bf64983cd8.jpg);background-size:cover}.App .content .bgimg.lightrain{background:url(/static/media/light-rain.d9411d0cd4121585f8b0.jpg);background-size:cover}.App .content .bgimg.light-rain{background:url(/static/media/moderate.c238f6f83992469e57d5.jpg);background-size:cover}.App .content .bgimg.lightthunder{background:url(/static/media/lightthunder.853bf7797c6810cbec6e.jpg);background-size:cover}.App .content .bgimg.deepthunder{background:url(/static/media/deep%20thunder.d5699c102c448b581666.jpg);background-size:cover}.App .content .bgimg.nightmist{background:url(/static/media/nightmist.c564f30173f0a87e22a7.jpg);background-size:cover}.App .content .bgimg.mist{background:url(/static/media/misty.b9874bb939c8eafaf89c.jpg);background-size:cover}.App .content .bgimg.foggy{background:url(/static/media/night%20foggy.f909f2a24c96336b3724.jpg);background-size:cover}.App .content .content{padding:.5rem;width:100%}.App .content input{border:2px solid #007bff;border-radius:3px;padding:.5rem;width:40%}.App .content div.forecastInput{display:flex;gap:.75rem;justify-content:center;width:40%}.App .content .info .forecastInput div{display:flex;gap:.75rem}.App .content div.forecastInput input{width:100%}.App .content div.forecastInput select{border:2px solid #007bff;border-radius:3px;padding:.5rem}.App .content .select{background-color:#fff;border:2px solid #007bff;border-radius:3px;display:flex;justify-content:space-between;margin-top:.6rem;position:relative;width:40%}.App .content .select .option{background-color:#007bff;height:100%;position:absolute;top:0;width:49.5%}.App .content .select.forecast .option{right:0}.App .content .select div{cursor:pointer;flex-basis:49.5%;padding:.25rem .75rem;z-index:1}.App .content .select div h3{font-size:.9rem}.App .content .select div p{font-size:.7rem;font-weight:300}.App .content .select .current h3,.App .content .select .current p{color:#fff}.App .content .select.forecast .current h3,.App .content .select.forecast .current p{color:#111}.App .content .select.forecast .forecast h3,.App .content .select.forecast .forecast p{color:#fff}.App .content button{background-color:#007bff;border-radius:3px;color:#fff;cursor:pointer;margin-top:.6rem;padding:.5rem;width:40%}.App .content .moreInfo{height:calc(100vh - 11.5rem);margin-top:1.5rem;width:100%}.App .content .moreInfo .content{display:flex;flex-wrap:wrap;gap:2rem;height:100%;padding:.5rem;width:100%}.App .content .moreInfo .content div{align-items:center;background:#fff6;border:3px;border-radius:3px;box-shadow:0 0 9px #cccd;display:flex;flex-basis:23.3%;height:15rem;justify-content:center}.App .content .moreInfo .content div h4{color:#333;font-size:.85rem;font-weight:500}.App .content .moreInfo .content div h4 span{font-size:1rem}@media screen and (min-width:2800px){.App .intro .bg div:first-child div{background:url(/static/media/image1x1.a1ff2dd745dbad83fa5c.jpg);background-size:cover}.App .intro .bg div:nth-child(2) div{background:url(/static/media/image2x1.c2da452412f6cedc37da.jpg);background-size:cover}.App .intro .bg div:nth-child(3) div{background:url(/static/media/image3x1.08eec00a9448cc986b99.jpg);background-size:cover}.App .intro .bg div:nth-child(4) div{background:url(/static/media/image4x1.9e684459595ce481f356.jpg);background-size:cover}.App .intro .bg div:nth-child(5) div{background:url(/static/media/image5x1.efdf96758931447042c6.jpg);background-size:cover}}@media screen and (max-width:1300px){.App .intro .text h1{line-height:3rem;text-align:center}.App .intro .text h3{font-size:1.75rem;font-size:1.5rem}.App .intro .text button{width:80%}.App .content .select,.App .content button,.App .content input{width:75%}.App .content .moreInfo{overflow-y:scroll}.App .content .moreInfo .content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.App .content .moreInfo .content div{flex-basis:31%;height:19rem}.App .content div.forecastInput input{width:15rem}}@media screen and (max-width:800px){.App .intro .earth{right:0;top:0;width:10rem}.App .intro .bg div:first-child div{background:url(/static/media/image1x1.da8ba483efa8c13cf5e9.jpg);background-size:cover}.App .intro .bg div:nth-child(2) div{background:url(/static/media/image2x1.4a0a80505ade42e58003.jpg);background-size:cover}.App .intro .bg div:nth-child(3) div{background:url(/static/media/image3x1.18a1324e0f0f473a1bdd.jpg);background-size:cover}.App .intro .bg div:nth-child(4) div{background:url(/static/media/image4x1.c69392526b32cfa765f5.jpg);background-size:cover}.App .intro .bg div:nth-child(5) div{background:url(/static/media/image5x1.2bfeefa44c19343ea331.jpg);background-size:cover}.App .intro .text h1{font-size:1.5rem;line-height:1.8rem}.App .intro .text h3{font-size:1rem}.App .intro .text button{font-size:.8rem}.App .content .select,.App .content button,.App .content input{width:100%}.App .content .info .forecastInput{flex-direction:column;width:100%}.App .content .info .forecastInput div select,.App .content .info .forecastInput input{width:100%}.App .content .info .forecastInput select:first-child{flex-basis:120%}.App .content .moreInfo{margin-top:2.5rem}.App .content .moreInfo:has(.contentfore){margin-top:5.75rem}.App .content .moreInfo .content{padding-bottom:6rem}.App .content .moreInfo .content div{flex-basis:100%;height:10rem}}
/*# sourceMappingURL=main.47483811.css.map*/