*{margin:0;padding:0;box-sizing:border-box}body{font-family:"montseratt",sans-serif}h1{text-align:center;font-size:20px;color:rgba(50,50,70,.5)}#popover-basic{margin-top:10px}#popover-basic:after{content:" ";position:absolute;bottom:100%;left:50%;margin-left:-10px;border:10px solid transparent;border-bottom-color:#fff}.app{background-image:url(../../static/media/cold-img.a1c03038.jpg);background-size:cover;background-position:50%;transition:.4 ease-out}.app.warm{background-image:url(../../static/media/warm-img.f885bc61.jpg)}main{min-height:100vh;padding:25px}.search-box{width:100%;margin:0 0 55px}.search-box .search-bar{display:block;width:100%;padding:15px;-webkit-appearance:none;appearance:none;background:none;border:none;outline:none;background-color:hsla(0,0%,100%,.5);border-radius:16px 16px 16px 16px;margin:15px auto 10px;box-shadow:0 5px 5px rgba(0,0,0,.2);color:#313131;font-size:16px;transition:.4s ease}.search-box .search-bar:focus{background-color:hsla(0,0%,100%,.75)}.location-box .location{color:#fff;font-size:32px;font-weight:500;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.location-box .date{padding-top:10px;color:#fff;font-size:20px;font-weight:300;font-style:italic;text-align:center;text-shadow:2px 2px 1px rgba(50,50,70,.5)}.weather-box{text-align:center;padding-bottom:10px}.weather-box .temp{position:relative;display:inline-block;margin:30px auto 20px;padding-top:30px!important;background-color:hsla(0,0%,100%,.2);border-radius:16px;padding:15px 25px;color:#fff;font-size:102px;font-weight:900;text-shadow:1px 6px rgba(50,50,70,.5);text-align:center;box-shadow:3px 6px rgba(0,0,0,.2)}.weather-box .weather{color:#fff;font-size:48px;font-weight:700;text-shadow:3px 3px rgba(50,50,70,.5)}.cloud,.feels-like,.humidity,.pressure,.sunrise,.sunset,.wind{color:#fff;margin-top:10px;font-size:16px;font-weight:500;text-align:center;text-shadow:3px 2px 1px rgba(50,50,70,.5)}@media (max-width:414px){h1{font-size:20px!important}.search-box{margin:0 0 10px}.search-box .searchbar{font-size:18px;padding:10px}.weather-box .temp{font-size:50px;margin:15px auto 10px}.weather-box .weather{font-size:22px}.location-box .location{font-size:28px}.location-box .date{font-size:16px}}
/*# sourceMappingURL=main.a01ff47d.chunk.css.map */