*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;font-family:Montserrat,sans-serif}.app{background-image:url(/weather-app-bootcamp/static/media/cold-bg.b4f48d420f27a930bbbe.jpg);background-position:bottom;background-size:cover;transition:.4 ease}.app.warm{background-image:url(/weather-app-bootcamp/static/media/warm-bg.d368b4bc8d192197b18f.jpg)}main{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));min-height:100vh;padding:25px}.search-box{display:flex;justify-content:center;margin:0 auto;width:100%}.search-box .search-bar{-webkit-appearance:none;appearance:none;background:none;background-color:hsla(0,0%,100%,.5);border:none;border-radius:20px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;display:block;font-size:20px;margin-top:30px;outline:none;padding:20px;transition:.4s ease;width:40%}.search-box .search-bar:focus{background-color:hsla(0,0%,100%,.75)}.location-box .location{color:#fff;font-size:32px;font-weight:500;margin-top:50px;text-align:center;text-shadow:3px 3px rgba(50,50,70,.5)}.location-box .date{color:#fff;font-size:20px;font-style:italic;font-weight:300;text-align:center;text-shadow:2px 2px rgba(50,50,70,.5)}.weather-box{text-align:center}.weather-box .temp{background-color:hsla(0,0%,100%,.2);border-radius:16px;box-shadow:3px 6px rgba(0,0,0,.2);color:#fff;display:inline-block;font-size:102px;font-weight:900;margin:30px auto;padding:15px 25px;position:relative;text-align:center;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .weather{color:#fff;font-size:48px;font-weight:700;text-shadow:3px 3px rgba(50,50,70,.5)}.weather-icon img{display:block;height:100px;margin:20px auto;width:100px}.forecast-box{grid-row-gap:10px;display:grid;justify-content:center;row-gap:10px;text-align:center}
/*# sourceMappingURL=main.2b4e7e38.css.map*/