*{box-sizing:border-box;margin:0;padding:0}body{font-family:montseratt,sans-serif}.app-body,body{height:100vh;width:100vw}.app-body{align-items:center;display:flex;justify-content:center}.warm{background-color:#98437f}.cold{background-color:#9ac8fb}.app{background-color:purple;background-image:url(/react-weather-app/static/media/cold-bg.a3f3f533d3caea133b5f.jpg);background-size:cover;border-radius:40px;height:80%;max-width:614px;transition:.4 linear;width:100%}.app.warm{background-image:url(/react-weather-app/static/media/warm-bg.a7f83012aa30f33e19ee.jpg)}main{background-image:linear-gradient(180deg,rgba(0,0,0,0,.2),rgba(0,0,0,0,75));min-height:90vh;padding:25px}.search-box{margin:0 0 75px;width:100%}.search-box .search-bar{-webkit-appearance:none;appearance:none;background:none;background-color:hsla(0,0%,100%,.5);border:none;border-radius:16px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;display:block;font-size:20px;margin-top:-25px;outline:none;padding:15px;transition:.4s ease;width:100%}.search-box{padding-top:20px}.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{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{height:70px}
/*# sourceMappingURL=main.7ad7aa23.css.map*/