@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);body{font-family:Lato,sans-serif;margin:0}#root{background-color:#1d1d1d;min-height:789px}.nav-bar{background-color:#4369b2}.navigation{display:flex;justify-content:space-between}.detailsTitle,.home-title{background-color:#345288;color:#fff;font-size:22px;margin:0;padding:10px 0;text-align:center}.icons{cursor:pointer;height:25px;margin:15px}.inputWrapper{display:flex;justify-content:center}input{border:none;border-bottom:2px solid #345288;border-radius:4px;box-sizing:border-box;font-size:18px;margin:8px 0;padding:12px 20px;width:100%}input:focus{border:3px solid #555}.cities-container{list-style-type:none;margin:0;padding:0}.city-container a{display:flex;gap:50px;justify-content:space-between;padding:0 50px;text-decoration:none}.cities-container>li a{background-color:#5687e4;color:#fff;font-size:18px}.cities-container>li:nth-child(2n+2) a{background-color:#3f63a6;color:#fff}.weatherDetails{align-items:center;background-color:#1d1d1d;color:#fff;display:flex;flex-direction:column}.weatherIcon{background-color:#132e60;border:2px solid #fff;border-radius:50%;width:120px}.mainWeather{font-size:18px}.detTitle{align-items:center;display:flex;font-size:22px;gap:210px;justify-content:space-evenly;padding:10px 15px}.humidity{display:flex;gap:100px;padding:35px 0}.humTitle,.visTitle{font-size:20px}.humBar{height:100px;width:100px}.visibility{align-items:center;display:flex;gap:150px;padding:35px 0}.visibilityDetail{font-size:18px}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}
/*# sourceMappingURL=main.abc17878.css.map*/