body{margin:0;font-family:Roboto,Arial,Helvetica,sans-serif;background-color:#d5d4d4}.container{max-width:1080px;margin:20px auto}.weather{width:300px;border-radius:6px;box-shadow:10px -2px 20px 2px #0000004d;color:#fff;background-color:gray;margin:20px auto 0;padding:0 20px 20px}.top,.bottom{display:flex;justify-content:space-between;align-items:center}.city{font-weight:600;font-size:18px;line-height:1;margin:0;letter-spacing:1px}.weather-description{font-weight:400px;font-size:14px;line-height:1;margin:0}.weather-icon{width:100px}.temp{font-weight:600;font-size:70px;width:auto;letter-spacing:-5px;margin:10px 0}.details{width:100px;padding-left:20px}.parameter-row{display:flex;justify-content:space-between}.parameter-label{text-align:left;font-weight:400;font-size:12px}.parameter-value{text-align:right;font-weight:550;font-size:12px}.title{font-size:23px;font-weight:700}.daily-items{background-color:#f5f5f5;border-radius:15px;height:40px;margin:5px;display:flex;align-items:center;cursor:pointer;font-size:14px;padding:5px 20px}.icon-small{width:40px}.day{color:#212121;flex:1 1;font-weight:600;margin-left:15px}.desc{flex:1 1;margin-right:15px;text-align:right}.min-max{color:#757575}.daily-details{grid-row-gap:0;grid-column-gap:15px;row-gap:0px;column-gap:15px;display:grid;flex:1 1;grid-template-columns:auto auto;padding:5px 15px}.daily-details-items{display:flex;height:30px;justify-content:space-between;align-items:center}