body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d5d4d4;font-family:Roboto,Arial,Helvetica,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:2rem auto;max-width:80%}.main{display:flex;justify-content:space-between}.weather{background-color:#333;border-radius:10px;box-shadow:10px -2px 20px 2px rgba(0,0,0,.3);color:#fff;margin:20px 0 auto;max-width:400px;padding:0 20px 20px;width:33%}.bottom,.top{justify-content:space-between}.bottom,.icon-temp,.top{align-items:center;display:flex}.icon-temp{flex-direction:column;justify-content:flex-start}.temperature{font-size:2.25rem;font-weight:600;margin:0}.city{font-size:1.4rem;font-weight:600;margin:0 0 .25rem}.city,.weather-description{letter-spacing:1px;line-height:1}.weather-description{font-size:1rem;font-weight:400;margin:0;text-transform:capitalize}.weather-icon{width:100px}.details{display:flex;flex-direction:column;gap:.15rem;width:60%}.parameter-row{display:flex;justify-content:space-between}.parameter-label.details{font-size:1.2rem;font-weight:600;margin-bottom:5px;text-align:left}.parameter-label{font-size:1rem;font-weight:400;text-align:left}.parameter-value{font-size:1rem;font-weight:600;text-align:right}.forecast{margin:20px 0 auto;width:60%}.title{font-size:1.5rem;font-weight:700}.item{align-items:center;background-color:#333;border-radius:15px;color:#f5f5f5;cursor:pointer;display:flex;font-size:1rem;height:3.5rem;margin:5px;padding:5px 10px}.icon-small{width:40px}.day{flex:1 1;font-weight:600;margin-left:10px}.description{flex:1 1;margin-right:10px;text-align:right;text-transform:capitalize}.item-panel{margin-bottom:25px;margin-inline:auto;width:95%}.forecast-details{grid-row-gap:0;grid-column-gap:.15rem;background-color:#333;border-radius:15px;color:#f5f5f5;-webkit-column-gap:.15rem;column-gap:.15rem;display:grid;flex:1 1;grid-template-columns:auto auto;padding:5px 10px;row-gap:0;width:97%}.forecast-details.item{align-items:center;display:flex;height:20px;justify-content:space-between;width:90%}.forecast-details.item .value{font-weight:600}
/*# sourceMappingURL=main.40bb1b27.css.map*/