body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{max-width:600px;margin:50px auto}.App footer{text-align:center;font-size:35px;margin:10px 0}.App a{color:#092238;text-decoration:none}.App a:hover{color:#147e70}body{background-color:#cfe9ee;font-family:Montserrat,sans-serif}.Weather{border:1px solid #b9ddd9;background-color:#d9edf1;padding:20px;margin:100px auto 30px;border-radius:10px;color:hsla(0,0%,52.9%,.808);box-shadow:-3px 1px 31px -2px rgba(138,136,136,.61)}.Weather form{margin:20px 0}.form-control{border-radius:40px;max-width:100%;border:none;background-color:#eaf1f1;color:#97a0a0}.btn-info{border-radius:40px;width:100%;background-color:initial;color:#092238;font-size:14px;transition:all .22s ease-in-out}.btn-info,.btn-info:hover{border:1px solid #c3e9e4;padding:8px}.btn-info:hover{background-color:#85ccc3;color:#fff}.Weather h1{color:#092238;margin:20px 0 0;font-size:35px;font-weight:500;line-height:1.5}p{font-size:14px;font-weight:300;line-height:19px;color:#092238}.description{font-weight:400;font-size:15px;line-height:1.5}.todaysWeather{display:flex;justify-content:space-between;flex-direction:row}ul{margin-top:5px}.Weather li{font-size:14px;font-weight:300;line-height:19px;list-style:none;color:#092238}.Weather canvas{display:inline-block}.temperature{font-size:68px;font-weight:300;color:#092238;margin-top:20px}.Weather .unit{font-size:24px;color:#092238;font-weight:400;position:relative;line-height:1;top:-60px;right:-78px}@media (max-width:600px){.Weather .todaysWeather{flex-direction:column}.Weather h1{font-size:25px}.Weather li,p{font-size:12px}.temperature{font-size:46px;margin-top:20px}.Weather .unit{font-size:17px;top:-52px;right:-60px}.Weather canvas{width:50px}.btn-info{font-size:11px}.description{font-size:13px}}.WeatherForecast{text-align:center;color:#092238;border-top:2px solid rgba(211,221,220,.8549019607843137);margin:25px 0}.forecastTemp{font-size:13px;margin-top:10px}.forecastTempMin{opacity:.7;margin-left:5px}.forecastDay{margin-top:35px;font-size:14px;font-weight:600;margin-bottom:10px}
/*# sourceMappingURL=main.a46f911b.chunk.css.map */