@import url(https://fonts.googleapis.com/css2?family=Arimo:wght@400;600;700&family=Lato:wght@300;400;700&display=swap);body{align-items:center;display:flex;font-family:Lato,sans-serif;height:100vh;justify-content:center;margin:0;overflow-x:hidden;overflow-y:hidden;padding:0;width:100vw}.visibility_on_the_road{grid-area:5/1/6/3}.sensed_temperature{grid-area:4/1/5/3}.pressure{grid-area:3/1/4/3}.wind{flex-wrap:wrap;grid-area:1/2/3/3;padding:10%}.wind>p{width:100%}.sunrise,.sunset{height:50%}.sunrise_sunset{flex-wrap:wrap;grid-area:1/1/2/2;padding:0 10%}.sunrise>p,.sunset>p{margin:0;width:auto}.humidity{grid-area:2/1/3/2}.max_temperature,.min_temperature{color:#363636;margin:0 auto;padding-top:5%;width:auto}.max_temperature>p,.min_temperature>p{font-size:14px}.max_temperature_element,.min_temperature_element{font-size:18px;margin:0;padding:2%}.weather_describe{font-size:14px;margin:auto}.temperature{font-size:36px;margin:0}@media screen and (min-height:768px) and (min-width:1024px) and (orientation:landscape){.temperature{font-size:40px}}.container{background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw}.container.day_clear{background-image:url(/static/media/day-clear.a4baf410fc287466998f.png)}.container.day_cloudy{background-image:url(/static/media/day-cloudy.67d180f64ea783417cd0.png)}.container.day_fog{background-image:url(/static/media/day-fog.f36494850fd85b8181b9.png)}.container.day_rain{background-image:url(/static/media/day-rain.18bd5cf082e4e9ab7cca.png)}.container.day_snowy{background-image:url(/static/media/day-snowy.b304cc05ba07ae181800.png)}.container.day_storm{background-image:url(/static/media/day-storm.9e1cea22a7e2359ec335.png)}.container.day_very_cloudy{background-image:url(/static/media/day-very-cloudy.15bb86f17ffaa54fbbfe.png)}.container.night_clear{background-image:url(/static/media/night-clear.d5bc7f6334809c40c53c.png)}.container.night_cloudy{background-image:url(/static/media/night-cloudy.ea54348cb869adef1a51.png)}.container.night_fog{background-image:url(/static/media/night-fog.d0782d8baa1ba93fd9c6.png)}.container.night_rain{background-image:url(/static/media/night-rain.590cef0ea424dada4495.png)}.container.night_snowy{background-image:url(/static/media/night-snowy.9d40f66074312ad93315.png)}.container.night_storm{background-image:url(/static/media/night-storm.eb88eab0e4ace1b05382.png)}.container.night_very_cloudy{background-image:url(/static/media/night-very-cloudy.deaa2929e8a62908f8bb.png)}.first_section{display:flex;flex-wrap:wrap;height:42%;justify-content:center;width:100%}input{background-color:hsla(0,0%,96%,.7);border:2px solid gray;border-radius:10px;font-family:Lato;font-size:14px;height:30px;line-height:30px;margin:10% auto 5%;padding-left:5%;width:80%}::-webkit-input-placeholder{color:gray}:-ms-input-placeholder{color:gray}::placeholder{color:gray}h1,h2,h3,p{text-align:center;width:100%}.city_name{font-size:20px;margin:3%}.second_section{grid-gap:3% 3%;box-sizing:border-box;display:grid;gap:3% 3%;grid-template-columns:60% auto;grid-template-rows:25% auto;height:55%;padding:3%;width:100%}.second_section>div{background-color:hsla(0,0%,91%,.26);border:1px solid #dfdfdf;border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.24);box-sizing:border-box}p{margin:0;width:auto}.humidity,.pressure,.sensed_temperature,.sunrise_sunset,.visibility_on_the_road,.wind{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;padding:0 10%}.humidity,.sunrise,.sunset{align-items:center;display:inline-flex;justify-content:space-evenly;width:100%}.pressure>p,.sensed_temperature>p,.visibility_on_the_road>p{margin:auto auto auto 5%;width:auto}.pressure>span,.sensed_temperature>span,.visibility_on_the_road>span{margin:0 0 0 auto;width:auto}.iconify{height:20px;margin-left:0;width:20px}@media screen and (min-width:768px) and (min-height:1024px) and (orientation:portrait){input{border-radius:15px;font-size:18px;height:40px;line-height:40px;margin-top:5%}.city_name{font-size:24px;margin:2%}.temperature{font-size:56px}.weather_describe{font-size:18px}.max_temperature>p,.min_temperature>p{font-size:20px}.max_temperature_element,.min_temperature_element{font-size:24px}.humidity,.pressure,.sensed_temperature,.sunrise_sunset,.visibility_on_the_road,.wind{font-size:18px}.iconify{height:30px;width:30px}}@media screen and (min-height:700px) and (min-width:1024px) and (orientation:landscape){.first_section,.second_section{margin:auto;width:60%}input{height:40px;margin:2%}.city_name{margin:1%}.weather_describe{font-size:18px}.max_temperature>p,.min_temperature>p{font-size:20px}.max_temperature,.min_temperature{padding:1%}.max_temperature_element,.min_temperature_element{font-size:24px}.humidity,.pressure,.sensed_temperature,.sunrise_sunset,.visibility_on_the_road,.wind{font-size:18px}.iconify{height:30px;width:30px}.second_section>div{background-color:hsla(0,20%,95%,.56)}}@media screen and (min-height:768px) and (min-width:1024px) and (orientation:landscape){.city_name{font-size:26px}input{height:40px;margin:2%}.city_name{margin:1%}.weather_describe{font-size:20px}.max_temperature>p,.min_temperature>p{font-size:22px}.max_temperature,.min_temperature{padding:1%}.max_temperature_element,.min_temperature_element{font-size:26px}.humidity,.pressure,.sensed_temperature,.sunrise_sunset,.visibility_on_the_road,.wind{font-size:20px}}@media screen and (min-width:320px) and (max-width:896px) and (orientation:landscape){html{left:0;overflow-y:hidden;position:absolute;top:100%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left top;transform-origin:left top}#root,.container,body,html{height:100vw;width:100vh}.container{background-color:#8f8787}}
/*# sourceMappingURL=main.e544d12a.css.map*/