*{margin:0;padding:0;box-sizing:border-box}.App{background-image:url(/static/media/City-Heatwave-777x518.ac2c55d6.jpg);background-size:cover;transition:.4 ease-out}.App.cold{background-image:url(/static/media/cold-weather_tcm96-36410.3b151556.jpg)}main{min-height:100vh;background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));padding:25px}.search-box{width:100%;margin:0 auto 75px}.search-box .search-bar{display:block;width:100%;padding:15px;-webkit-appearance:none;appearance:none;background:none;border:none;outline:none;background:hsla(0,0%,100%,.3);border-radius:16px 16px 16px 16px;margin-top:-25px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;font-size:31px;transition:.4s}.search-box .search-bar:focus{background-color:hsla(0,0%,100%,.75)}.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;font-family:Georgia,"Times New Roman",Times,serif}.weather-box{text-align:center}.weather-box .temperature{position:relative;display:inline-block;margin:30px auto;background-color:hsla(0,0%,100%,.5);border-radius:16px;padding:15px 25px;font-size:102px;font-weight:900;box-shadow:3px 6px rgba(0,0,0,.2)}.weather-box .temperature,.weather-box .weather{color:#fff;text-shadow:3px 3px rgba(50,50,70,.5);text-align:center}.weather-box .weather{font-size:40px;font-weight:700}.content{display:block;width:50%;padding:25px 20px;-webkit-appearance:none;appearance:none;background:none;border:none;outline:none;background:hsla(0,0%,100%,.2);border-radius:16px 16px 16px 16px;margin:-25px auto 30px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;font-size:31px;transition:.4s}@media only screen and (max-width:600px){body{font-family:"montserrat","sans-serif"}}
/*# sourceMappingURL=main.f7459a99.chunk.css.map */