body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Arial,sans-serif!important}.form{align-items:center;display:flex;justify-content:center;margin-top:50px}input{border-radius:6px;margin-right:10px;padding:10px}button,input{font-size:18px}button{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px}.app_heading{margin-top:50px;text-align:center}.weather-data{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px}.weather-data p{font-size:18px;margin:10px}p.error{color:red;font-size:1.2rem;margin-top:50px;text-align:center}.weather-card{background-color:#333;border-radius:6px;box-shadow:10px -2px 20px 2px rgba(0,0,0,.3);color:brown;margin:20px auto 0;padding:0 20px 20px;width:310px}.weather-card.cold{background-image:url(https://images.unsplash.com/photo-1530179123598-38d05c67c1b1?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=388&q=80)}.weather-card.cold,.weather-card.hot{background-position:50%;background-repeat:no-repeat;background-size:cover}.weather-card.hot{background-image:url(https://images.unsplash.com/photo-1447601932606-2b63e2e64331?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=379&q=80)}.card-body,.card-header{align-items:center;display:flex;justify-content:space-between}.weather-city{font-size:18px;font-weight:600;letter-spacing:1px;line-height:1;margin:0}.weather-description{font-size:14px;font-weight:400;line-height:1;margin:0}.weather-icon{width:100px}.weather-temp{font-size:70px;font-weight:600;letter-spacing:-5px;margin:10px 0;width:auto}.weather-details{padding-left:20px;width:100%}.parameters{display:flex;justify-content:space-between}.param-label{font-size:12px;font-weight:400;text-align:left}.param-val{font-size:12px;font-weight:600;text-align:right}
/*# sourceMappingURL=main.ba73efe1.css.map*/