@import url(https://fonts.googleapis.com/css2?family=Clash+Grotesk:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#8899a6;font-family:Poppins!important;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Clash Grotesk,monospace}.container{margin:20px auto;max-width:90%}.copyright{align-items:center;color:#fff;font-size:15px;margin-top:30px;text-align:center}.weather{background-color:#22303c;border-radius:10px;box-shadow:10px -2px 20px 2px rgb(0,0,0/30%);color:#fff;margin:20px auto 30px;padding:10px 20px 20px;width:80%}.bottom,.top{align-items:center;display:flex;justify-content:space-between}.city{font-size:22px;font-weight:600;letter-spacing:1.5px;line-height:1;margin:0}.weather-description{font-size:15px;font-weight:400;line-height:1;margin:2px;text-transform:capitalize}.weather-icon{width:120px}.temperature{font-size:60px;font-weight:600;letter-spacing:-5px;margin:10px 0;width:auto}.details{padding-left:50px;width:100%}.parameter-row{display:flex;justify-content:space-between}.parameter-label{font-size:12px;font-weight:400;text-align:left}.parameter-value{font-size:12px;font-weight:600;text-align:right}.parameter-label-head{text-transform:uppercase}.title{color:#f5f5f5;font-size:12px;font-weight:600;margin-left:10%}.daily-item{align-items:center;background-color:#f5f5f5;border-radius:30px;cursor:pointer;display:flex;font-size:14px;height:40px;margin:5px;padding:10px 20px}.icon-small{width:10%}.day{color:#212121;flex:1 1;font-weight:550;margin-left:20px}.description{flex:1 1;margin-right:15px;text-align:right;text-transform:capitalize}.min-max{color:#757575}.daily-details-grid{grid-row-gap:0;grid-column-gap:15px;column-gap:15px;display:grid;flex:1 1;grid-template-columns:auto auto;padding:5px 15px;row-gap:0}.daily-details-grid-item{align-items:center;display:flex;height:30px;justify-content:space-between}.daily-details-grid-item label:first-child{color:#f5f5f5}.daily-details-grid-item label:last-child{color:#212121}
/*# sourceMappingURL=main.0f6d6717.css.map*/