body{background:#f9f7fe;font-family:Roboto,sans-serif}a{color:#885df1}.weather-app{background:#fff;border-radius:10px;max-width:600px;margin:60px auto;padding:30px;box-shadow:0 30px 50px #41326414}header{border-bottom:1px solid #f9f7fe;padding-bottom:30px}.search-input{color:#27214266;background-color:#f9f7fe;border:none;border-radius:6px;width:75%;padding:20px;font-size:16px}.search-button{color:#fff;background-color:#885df1;border:none;border-radius:5px;margin-left:5px;padding:20px;font-size:16px;line-height:1}main{padding:30px 0}.current-temperature{font-size:48px}.current-weather{justify-content:space-between;display:flex}.current-city{margin:0;font-size:38px;font-weight:900}.current-details{color:#27214266;text-transform:capitalize;font-size:16px;font-weight:400;line-height:24px}.current-details strong{color:#f65282}.current-temperature-icon{margin-right:10px;font-size:40px;position:relative;top:5px}.current-temperature-value{font-size:80px;font-weight:700}.current-temperature-unit{font-size:28px;position:relative;top:-38px}footer{text-align:center;color:#27214266;border-top:1px solid #f9f7fe;padding-top:15px}.forecast{justify-content:space-between;margin:30px 0;display:flex}.forecast-card{text-align:center;width:18%}.forecast-day{margin-bottom:8px;font-weight:700}.forecast-icon{width:50px;height:50px;margin-bottom:8px}.forecast-temperature{font-size:18px;font-weight:700}.current-day{color:#27214266;margin:5px 0 10px;font-size:16px}