@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}div,span{cursor:default}img{-webkit-user-select:none;user-select:none}.App{color:#fff;font-family:Nunito;font-size:17px;font-weight:300;overflow:hidden}.App .header{display:flex;justify-content:center}@media(max-width:1200px){.App{font-size:15px}}@media(max-width:979px){.App{font-size:13px}}@media(max-width:755px){.App{font-size:11px}}@media(max-width:480px){.App{font-size:16px}.App .header{display:flex;flex-direction:column-reverse}}.main_table{background-color:#ffffff59;border-radius:30px;box-sizing:border-box;height:247px;padding:40px;text-align:center;width:348px}.main_table .center{display:flex;justify-content:center}.main_table .center div{font-size:28px;padding-top:10px}.main_table .name{font-size:22px;margin-bottom:15px}.main_table .temp{line-height:19px;margin-bottom:15px}.main_table img{padding-right:5px;vertical-align:initial;width:18px}.main_table .main_pic{margin-right:5px;width:50px}@media(max-width:1200px){.main_table{height:207px;padding:18px 10px;width:254px}.main_table .name{margin-bottom:12px}.main_table .center div{font-size:25px}}@media(max-width:979px){.main_table{height:157px;padding:10px 20px;width:224px}.main_table .name{font-size:20px;margin-bottom:8px}.main_table .center div{font-size:22px}.main_table .temp{line-height:15px;margin-bottom:4px}}@media(max-width:755px){.main_table{border-radius:20px;min-width:150px;padding:5px 0;width:25%}.main_table span.feels{display:block;margin:12px auto 0;width:100px}.main_table .name{font-size:15px;margin-top:5px}.main_table .name img{padding-right:4px;width:12px}.main_table .center div{font-size:16px}.main_table .center img.main_pic{margin-right:2px;width:40px}}@media(max-width:480px){.main_table{background-color:#fff0;font-weight:400;height:auto;margin-left:5%;padding:15px 0;width:auto}.main_table span.feels{font-size:14px;margin-top:4px;text-align:left;width:auto}.main_table .name{font-size:22px;text-align:left}.main_table .name img{width:14px}.main_table .center{font-size:16px;justify-content:flex-start}.main_table .center img.main_pic{height:22px;width:25px}.main_table .center div{padding-top:0}.temp{display:none}}.hours_item{cursor:grab;height:102px;position:relative;text-align:center;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;width:110px}.hours_item .temp_line{bottom:0;font-size:15px;font-weight:500}.hours_item .temp_line,.hours_item img{left:50%;position:absolute;transform:translateX(-50%)}.hours_item img{bottom:25px;display:block;pointer-events:none;width:40px}.error{margin:25px}@media(max-width:1200px){.hours_item{height:94px;width:100px}.hours_item img{width:35px}}@media(max-width:979px){.hours_item{height:74px;width:78px}.hours_item .temp_line{font-size:13px}.hours_item img{bottom:20px;width:25px}}@media(max-width:755px){.hours_item{height:58px;width:60px}.hours_item .temp_line{font-size:10px}.hours_item img{bottom:15px;width:20px}.hours_item span{font-size:10px}}@media(max-width:480px){.hours_item{height:68px;width:52px}.hours_item .temp_line{font-size:11px}.hours_item .temp_line .c{display:none}.hours_item img{bottom:16px}.hours_item span{font-size:11px}}.first{align-items:center;justify-content:center}.big,.first{display:flex}.big{background-color:#ffffff59;border-radius:30px;margin:30px 10px;width:904px}.slider-container{display:flex;height:156px;margin:0 auto;overflow:hidden;position:relative;width:880px}.slider{cursor:grab;display:flex}.click{font-size:35px;letter-spacing:-8px;-webkit-user-select:none;user-select:none;width:30px}@media(max-width:1200px){.big{width:820px}.slider-container{width:800px}.click{font-size:30px}}@media(max-width:979px){.big{margin:10px 0;width:640px}.slider-container{height:106px;width:624px}.click{font-size:30px;margin:0 5px}}@media(max-width:755px){.big{border-radius:20px;width:420px}.slider-container{height:82px;width:auto}.click{font-size:18px;letter-spacing:-4px;width:20px}}@media(max-width:480px){.big{border-radius:10px;width:98%}.slider-container{margin:0;width:624px}.click{display:none}}.days_container{display:flex;justify-content:space-between;margin:0 auto;width:789px}.item_day{background-color:#ffffff59;border-radius:30px;box-sizing:border-box;height:213px;padding-top:10px;position:relative;text-align:center;width:165px}.item_day span.night{font-size:15px;padding-right:7px}.item_day span.day{display:block;margin-top:10.5px}.item_day .date{margin-top:10px}.item_day .temp_day{font-size:16px;font-weight:500;margin-top:55px}.item_day img.night{height:25px;vertical-align:middle;width:25px}.item_day img.day{bottom:54px;bottom:65px;left:50%;position:absolute;transform:translateX(-50%);width:60px}@media(max-width:1200px){.days_container{width:650px}.days_container .item_day{height:193px;width:145px}.days_container .item_day span.night{font-size:12px}.days_container .item_day img.night{width:20px}.days_container .item_day img.day{width:48px}.days_container .item_day .temp_day{font-size:14px;margin-top:42px}.days_container .item_day .date{margin-top:14px}}@media(max-width:979px){.days_container{width:540px}.days_container .item_day{height:153px;width:125px}.days_container .item_day span.night{font-size:12px}.days_container .item_day img.night{width:20px}.days_container .item_day img.day{bottom:34px;width:42px}.days_container .item_day .temp_day{font-size:14px;margin-top:42px}.days_container .item_day .date{margin-top:14px}}@media(max-width:755px){.days_container{justify-content:center;width:100%}.days_container .item_day{border-radius:20px;height:113px;margin:0 .5%;max-width:120px;min-width:76px;padding-top:3px;width:22%}.days_container .item_day span.day{font-size:10px;margin-top:5px}.days_container .item_day span.night{font-size:8px;padding-right:4px}.days_container .item_day img.night{height:auto;width:10px}.days_container .item_day img.day{bottom:34px;width:32px}.days_container .item_day .temp_day{font-size:9px;margin-top:25px}.days_container .item_day .date{margin-top:5px}}@media(max-width:480px){.days_container .item_day{border-radius:15px}.days_container .item_day span.day{margin-top:0}.days_container .item_day .temp_day{margin-top:16px}.days_container .item_day .date{font-size:12px}}@media(max-width:319px){.days_container{flex-wrap:wrap}}.detail_weather{background-color:#ffffff59;border-radius:30px;box-sizing:border-box;height:247px;line-height:30px;margin-right:27px;padding:54px 48px;text-align:left;width:710px}.detail_weather .column1{float:left;width:150px}.detail_weather .column0{height:120px;margin-left:30px;position:relative;width:250px}.detail_weather .column0 img{height:21px;padding-left:8px;vertical-align:middle;width:22px}.detail_weather .column0 .sun{bottom:-5px;position:absolute}.detail_weather .sun img{height:40px;padding-left:0;vertical-align:middle;width:42px}@media(max-width:1200px){.detail_weather{height:207px;padding:44px 38px;width:614px}.detail_weather .sun img{height:30px;width:32px}.detail_weather .column0{margin-left:5px;width:230px}}@media(max-width:979px){.detail_weather{height:157px;margin-right:14px;padding:20px 28px;width:484px}.detail_weather .sun img{height:25px;width:25px}.detail_weather .column1{width:120px}.detail_weather .column0{margin-left:0;width:auto}}@media(max-width:755px){.detail_weather{border-radius:20px;line-height:20px;margin-right:2%;max-width:380px;padding:2% 5%;width:60%}.detail_weather .sun img{height:20px;width:20px}.detail_weather .column0{height:60px;margin-top:12px;position:relative;width:100%}.detail_weather .column0 .sun{position:absolute;right:0;top:0}}@media(max-width:480px){.detail_weather{border-radius:15px;height:auto;line-height:30px;margin:1% auto;max-width:none;min-width:240px;padding:4% 5%;width:98%}.detail_weather .column1{height:auto;width:50%}.detail_weather .column0{line-height:22px;margin-top:8px;width:100%}.detail_weather .column0 .sun{line-height:30px;margin-top:5px;position:relative;width:100%}.detail_weather .column0 .sun img{height:28px;width:28px}}.city_form{display:flex;justify-content:center;padding-bottom:27px;padding-top:100px}.city_form input{background-color:#ffffff8c;border:none;border-radius:10px;color:#525252;font-family:Nunito;font-weight:700;height:30px;outline:none;text-indent:20px;width:424px}.city_form input::placeholder{font-weight:300}.city_form button{background-color:#fff9;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAJ1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB+jSoGAAAADHRSTlMADB9AVW6LobrL3PEKwVTiAAABsklEQVR42u2YW27sIAxA/QBsbPa/3luSK4067SSoZtR++HxGiIONeQWSJEmSJEmSPwciESG+UcBVtJtZ11boLSKq3ccD10rbFc3GM7ZXg/VUuKm01kT/G3uBbZCcXTYmPKVUzsi84S6HHoqn5NAZndAeRz+GTC8CFNoVh5Xvp8qnBSGMTAfD95SZsgpR6oVjWnwMZ4hBNoaXm0EoQog2xmhwAcpMWDgQI7iCbYyO0UDqQpsScGC/CWTCPoYEJOxzRu7QOZJY/Zb7VrEqlqUxskfqC3UWzlIJSmjeZa2ZhlaJrAWs+GYJxCXxSNaTHW8Wr64W2rp8cZ3EVnxdGgrH9i5ZSirBz9E5yLVdNJKv2w5Qoqc82W0PxddWSeSeQD10MD76aNfJil/vZja8Xh7wxhCljdcWbH5cy8KgTEvDl08K522vE+Uv9tLHge2zuDB+UqjPr77LgtUPjTYm/ICotH58ssK2ywKs48Ctd+3m40QYYKMFax9PuBYE2GoBLGL+MNg5RXstE+Iq+oG0ygSTC0sIRISDa0uctOyxKEKY8OMxDmsv8HYQ8/9pkiRJkiTJb/MPYQ0XcfYBe8wAAAAASUVORK5CYII=);background-size:contain;border:none;border-radius:0 10px 10px 0;height:30px;margin-left:-33px;width:33px}.results{background-color:#fff9;border-radius:10px;color:#686868;left:50%;margin-top:-25px;max-height:220px;overflow-y:scroll;position:absolute;transform:translateX(-50%);width:424px;z-index:100}.results div{padding:4px}.results div:hover{background-color:#fff}@media(max-width:1200px){.city_form input{height:25px;width:324px}.city_form button{height:25px;margin-left:-25px;width:25px}.results{width:324px}}@media(max-width:979px){.city_form input{font-size:14px;height:23px;width:284px}.city_form button{height:23px}.results{width:284px}}@media(max-width:755px){.city_form input{font-size:12px;height:20px;width:284px}.city_form button{height:20px}}@media(max-width:480px){.city_form{padding-top:15%}.city_form input{background-color:#fff0;border-bottom:1px solid;border-radius:0;color:#7c7c7cd9;font-size:15px;height:23px}.city_form button{background-color:#fff0;height:23px;opacity:.7}}.cont{height:100%;min-height:850px;overflow:hidden;position:absolute;transition:all 3s;width:100%;z-index:-10}.pink{background-color:#5f565e}.pink_pic{bottom:0;height:100%;position:absolute;transition:all 3s;width:100%}.light_grey{background-color:#a9b7b9}.light_blue{background-color:#6cb6c0}.dark_grey{background-color:#224347}.dark_blue{background-color:#1c1b58}.rain{animation:rain .3s linear infinite;background:url(/weather-app/static/media/rain.9242b00408c3f04b1c86.png);height:100%;opacity:.5;position:absolute;width:100%}@keyframes rain{0%{background-position:-10% -10%}to{background-position:20% 100%}}.snow,.snow:after,.snow:before{animation:snow 3s linear infinite;background-image:radial-gradient(4px 4px at 100px 50px,#fff,#0000),radial-gradient(6px 6px at 200px 150px,#fff,#0000),radial-gradient(3px 3px at 300px 250px,#fff,#0000),radial-gradient(4px 4px at 400px 350px,#fff,#0000),radial-gradient(6px 6px at 500px 100px,#fff,#0000),radial-gradient(3px 3px at 50px 200px,#fff,#0000),radial-gradient(4px 4px at 150px 300px,#fff,#0000),radial-gradient(6px 6px at 250px 400px,#fff,#0000),radial-gradient(3px 3px at 350px 500px,#fff,#0000);background-size:650px 650px;bottom:0;content:"";left:0;position:absolute;right:0;top:-650px}.snow:after{animation-duration:6s;filter:blur(2px);margin-left:-250px;opacity:.5}.snow:after,.snow:before{animation-direction:reverse}.snow:before{animation-duration:9s;filter:blur(1px);margin-left:-350px;opacity:.7}@keyframes snow{0%{transform:translateY(0)}to{transform:translateY(650px)}}.cloud{position:relative}.cloud img{position:absolute;transition:all 3s}.cloud .sunshine{left:1211px;opacity:.1;top:-147px;width:721px;z-index:-100}.cloud .stars{height:250px;opacity:.4;transition:all 3s;width:100%}.cloud .stars .stars1{left:1300px;top:50px}.cloud .stars .stars1,.cloud .stars .stars2{animation:stars 5s linear infinite;width:25px}.cloud .stars .stars2{left:500px;top:90px}.cloud .stars .stars3{animation:stars 8s linear infinite;left:600px;top:50px;width:20px}.cloud .stars .stars4{animation:stars 8s linear infinite;left:800px;top:35px;width:30px}.cloud .stars .stars5{animation:stars 5s linear infinite;left:250px;top:180px;width:60px}.cloud .stars .stars6{animation:stars 8s linear infinite;left:1450px;top:100px;width:20px}.cloud .stars .stars7{animation:stars 5s linear infinite;left:1550px;top:30px;width:30px}.cloud .stars .stars8{animation:stars 8s linear infinite;left:140px;top:50px;width:25px}@keyframes stars{0%,50%,to{opacity:0}25%,45%,5%,85%{opacity:1}}.cloud .cloud1{left:-198px;top:-276px;width:1672px}.cloud .cloud2{left:1171px;top:-140px;width:1107px}.cloud .cloud3{left:787px;top:97px;width:730px}.cloud .cloud4{left:465px;top:-136px;width:1280px}.cloud .cloud01{left:-749px;top:-140px;width:1107px}.cloud .cloud10{left:3642px;top:-276px;width:1672px}.cloud .cloud5{left:1722px;top:-276px;width:1672px}.cloud .cloud6{left:3091px;top:-140px;width:1107px}.cloud .cloud7{left:2707px;top:97px;width:730px}.cloud .cloud8{left:2385px;top:-136px;width:1280px}@keyframes animCloud{0%{transform:translateX(-1920px)}to{transform:translateX(0)}}.anim{animation:animCloud 55s linear infinite;opacity:.6;z-index:-1}@media(max-width:1200px){.cont{min-height:760px}.cont .cloud .sunshine{left:auto;right:-220px;top:-100px}.cont .cloud .cloud1{width:1372px}.cont .cloud .cloud2{width:907px}.cont .cloud .cloud3{top:57px;width:598px}.cont .cloud .cloud5{width:1372px}.cont .cloud .cloud6{width:907px}.cont .cloud .cloud7{top:57px;width:598px}.cont .cloud .cloud01{width:907px}.cont .cloud .cloud10{width:1372px}}@media(max-width:979px){.cont{min-height:600px}.cont .cloud .sunshine{width:621px}}@media(max-width:755px){.cont{min-height:525px}.cont .cloud .sunshine{width:621px}}@media(max-width:480px){.cont{min-height:615px}.cont .cloud .sunshine{right:-98px;top:-40px;width:301px}}
/*# sourceMappingURL=main.81df66f0.css.map*/