body{margin:0;font-family:Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#d5d4d4}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.weather{width:300px;border-radius:6px;box-shadow:10px -2px 20px 2px #0000004d;color:#fff;background-color:#333;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:400;font-size:14px;line-height:1;margin:0}.weather-icon{width:100px}.temperature{font-weight:600;font-size:70px;width:auto;letter-spacing:-5px;margin:10px 0}.details{width:100%;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:600;font-size:12px}.parameter-label.top{border-bottom:1px solid #fff}.title{font-size:23px;font-weight:700}.daily-item{background-color:#f5f5f5;border-radius:15px;height:40px;margin:5px;align-items:center;cursor:pointer;display:flex;font-size:14px;padding:5px 20px}.icon-small{width:40px}.daily-item .day{cursor:inherit;color:#212121;flex:1 1;font-weight:600;margin-left:15px}.description{cursor:inherit;flex:1 1;margin-right:15px;text-align:right}.min-max{color:#757575}.daily-details-grid{grid-row-gap:0;grid-column-gap:15px;-webkit-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:#757575}.daily-details-grid-item label:last-child{color:#212121}.container{max-width:1080px;margin:20px auto}