.container{max-width:1080px;margin:20px auto}.weather{background-color:#333;width:20rem;border-radius:6px;box-shadow:10px -2px 20px 2px #0000004d;color:#fff;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 0 5px;letter-spacing:1px;color:#00fbff}.weather-description{font-weight:400;line-height:14px;font-size:14px;margin:0}.weather-icon{width:100px}.temperature{font-weight:600;font-size:70px;width:auto;letter-spacing:-5px;margin:10px 0;color:gold}.details{width:100%;padding-left:20px}.parameter-row{display:flex;justify-content:space-between;margin-bottom:3px}.parameter-label{text-align:left;font-weight:400;font-size:12px}.parameter-value{align-items:right;font-weight:600;font-size:12px}.title{font-size:23px;font-weight:700}.daily-item{background-color:#f5f5f5;display:flex;align-items:center;border-radius:15px;height:40px;margin:5px;cursor:pointer;font-size:14px;padding:5px 20px}.small-icon{width:40px}.day{color:#212121;flex:1 1;font-weight:600;margin-left:15px}.description{flex:1 1;text-align:right;margin-right:15px}.min-max{color:#757575}.daily-details-grid{display:grid;grid-row-gap:0;column-gap:15px;grid-column:15px;grid-column-gap:150px;flex:1 1;grid-template-columns:auto auto;padding:5px 15px;row-gap:0}.daily-details-grid-item{display:flex;align-items:center;height:30px;justify-content:space-between}.daily-details-grid-item label:first-child{color:#757575}.daily-details-grid-item label:last-child{color:#212121}body{margin:0;font-family:Roboto,Arial!important;background-color:#d5d4d4}