.today{padding:1rem;margin-bottom:1rem;text-align:center;color:#fff}.today .description{text-transform:uppercase;font-size:0.9rem}.today img{max-width:100%}.today .city{color:#fff;font-size:0.8rem;margin-top:1rem}.today div.temp{font-size:3rem;font-weight:bolder}.today div.temp span{font-size:1.5rem;position:relative;top:-1.5rem}.today div.extra{width:100%}.today div.extra .span{width:33%;display:inline-block}.today div.extra .span .inner{text-align:center;font-size:0.8rem}.today div.extra .span .inner small{font-size:0.6rem}.forecast{display:grid;grid-template-columns:repeat(auto-fit, minmax(1rem, 1fr));grid-gap:10px;padding:1rem;margin-bottom:1rem;border-radius:5px;text-align:center}.forecast.vertical{grid-template-columns:none;margin-bottom:1rem}.forecast h3{font-size:1.2rem;margin:0}.forecast .singleweather{margin:1rem 0}.forecast .description{text-transform:capitalize;font-size:0.7rem}.forecast img{max-width:100%}.forecast .temp{font-size:1.5rem}.forecast .temp span{font-size:1.1rem;position:relative;top:-0.55rem}@media only screen and (max-width: 767px){.row{--bs-gutter-x: 0}.forecast{grid-template-columns:none}}