*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif}.app{background-image:url(/weather-react-app/static/media/cold-bg.3e6f6d02.jpg);background-size:cover;background-position:bottom;transition:.7s ease-out}.app.very-hot{background-image:url(/weather-react-app/static/media/very-hot-bg.d7cc4562.jpg)}.app.clear{background-image:url(/weather-react-app/static/media/clear-sky-bg.c180162d.jpg)}.app.cloudy{background-image:url(/weather-react-app/static/media/cloudy-bg.5b82108f.jpg)}.app.rain{background-image:url(/weather-react-app/static/media/rain-animate2.0ad4b08f.png);-webkit-animation:rain .5s linear infinite;animation:rain .5s linear infinite}datalist,option{width:100%}@-webkit-keyframes rain{0%{background-position:30% 100%}to{background-position:50% 10%}}@keyframes rain{0%{background-position:30% 100%}to{background-position:50% 10%}}@-webkit-keyframes lightening{0%{opacity:0}10%{opacity:0}11%{opacity:1}14%{opacity:0}20%{opacity:0}21%{opacity:1}24%{opacity:0}104%{opacity:0}}@keyframes lightening{0%{opacity:0}10%{opacity:0}11%{opacity:1}14%{opacity:0}20%{opacity:0}21%{opacity:1}24%{opacity:0}104%{opacity:0}}.app.warm{background-image:url(/weather-react-app/static/media/warm-bg.b66d0f02.jpg)}.main{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.7))}.main,.main.rain{min-height:100vh;padding:25px}.main.rain{background-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.7))}.search-box{width:100%;margin:0 0 75px}.search-button{width:100%;padding:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;background-color:rgba(10,8,8,.5);border-radius:0 16px 16px 0;box-shadow:5px 5px 5px 5px rgba(0,0,0,.2);color:#fff;font-size:25px;font-weight:700;cursor:pointer}.search-container{display:flex;justify-content:center}@media screen and (max-width:768px){.search-box .search-bar,.search-button{font-size:22px!important}}@media screen and (max-width:425px){.search-box .search-bar,.search-button{font-size:12px!important}.title{font-size:25px!important}.weather-box .temp{font-size:50px!important}}@media screen and (max-width:320px){.search-box .search-bar,.search-button{font-size:9px!important}}@media screen and (min-width:1441px){.search-box .search-bar,.search-button{font-size:50px!important}.title{font-size:100px!important}.weather-box .temp{font-size:200px!important}.location-box .location{font-size:64px!important}.location-box .date{font-size:40px!important}}.search-box .search-bar{display:block;width:100%;padding:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;background-color:hsla(0,0%,100%,.5);border-radius:16px 0 0 16px;box-shadow:5px 5px 5px 5px rgba(0,0,0,.2);color:grey;font-size:25px;font-weight:700;transition:.7s ease}.search-box .search-bar:focus{background-color:#fff}.search-box{margin:30px auto}@media screen and (min-width:375px){.title{margin-top:25vh!important}}.location-box .location{font-size:32px;font-weight:500}.location-box .date,.location-box .location{color:#fff;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.location-box .date{font-size:20px;font-weight:300;font-style:italic}.weather-box{text-align:center}.weather-box .temp{position:relative;display:inline-block;margin:30px auto;background-color:hsla(0,0%,100%,.4);border-radius:16px;padding:15px 25px;font-size:100px;font-weight:900;text-align:center;box-shadow:5px 5px rgba(0,0,0,.2)}.weather-box .temp,.weather-box .weather{color:#fff;text-shadow:5px 5px rgba(50,50,70,.5)}.weather-box .weather{font-size:48px;font-weight:700}.title{text-align:center;color:#fff;font-size:50px;font-weight:700;margin:20vh auto 0}.search-button{display:inline-block}.loader{border-radius:50%;border:16px solid #f3f3f3;border-top-color:hsla(0,0%,100%,.4);width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:15px auto}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.f18f4fe7.chunk.css.map */