.WeatherForecast{margin-top:20px;text-align:center}.WeatherForecast-temperature-min{margin-left:8px;opacity:.5}.WeatherForecast-icon img{width:32px;height:32px}.row{display:flex;justify-content:center;gap:50px}@media(max-width:768px){.row{flex-wrap:wrap;gap:20px}.WeatherForecast-col{flex:0 0 calc(33.33% - 20px);margin-bottom:15px}.WeatherForecast-col:nth-child(n+4){flex:0 0 calc(50% - 20px);width:50%}}body{background-image:url(https://s3.amazonaws.com/shecodesio-production/uploads/files/000/167/396/original/pexels-pixabay-531767.jpg?1749106171);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;margin:0;font-family:Montserrat,sans-serif}.Weather .FirstScreen{font-size:large;color:#f65282}.Weather{background-color:#fff;opacity:.9;max-width:600px;margin:45px auto;padding:30px;box-shadow:0 30px 50px #41326414;border-radius:16px;box-sizing:border-box;width:100%}.Weather header{border-bottom:1px solid #4491c9;padding:0 0 20px}.Weatherinfo a{color:#4491c9}.Weatherinfo{overflow:auto}.Weather .search-form-input{background-color:#4491c9;opacity:50%;color:#cfd4de;border:none;border-radius:5px;height:50px;display:inline-block;padding:15px 20px;width:70%;font-size:16px;margin-left:15px}.Weather .search-form-input::placeholder{color:#cfd4de}.Weather .search-form-button{background-color:#4491c9;color:#fff;border:none;border-radius:5px;padding:15px 30px;margin-left:15px;font-size:16px}.Weatherinfo main{padding:30px 0}.Weatherinfo .app-data{display:flex;justify-content:space-between;box-sizing:border-box}.Weatherinfo .app-city{margin:0;font-size:38px;font-weight:700;line-height:48px}.Weather .app-details{font-size:16px;line-height:20px;margin-bottom:20px}.app-details strong{color:#f65282;font-weight:700}.Weather .app-temperature-container{display:flex;align-items:center}.Weather .app-temperature{font-size:80px;font-weight:700;display:flex;align-items:center;line-height:1}.Weather .app-emoji img{display:block;width:100%;height:100%;object-fit:contain}.Weather .app-temperature .app-temp-unit{font-size:28px;margin-left:4px;margin-top:16px;line-height:1;align-self:baseline}.Weather .weather-forecast{display:flex;justify-content:space-around;margin-bottom:30px;margin-top:30px;max-width:600px}.Weather .forecast-date{text-align:center;font-size:16px;line-height:20px;margin-bottom:10px;object-fit:cover}.Weather .forecast-icon{max-width:100%;height:auto;display:block;margin:0 auto}.Weather .forecast-temps{text-align:center;color:#f65282;display:flex;justify-content:center;margin-top:10px}.Weather .forecast-temp{padding:0 10px}.Weather footer{border-top:.5px solid #4491c9;padding:20px 0 0;text-align:center;font-size:12px;color:#000000b3}@media(max-width:667px){.Weather{width:350px}.search-form-button{font-size:12px;margin-top:15px;margin-left:0;display:block}.Weather .app-temperature-container{gap:8px}.Weather .app-emoji{width:60px;height:60px;flex-shrink:0}.Weather .app-temperature{font-size:50px;font-weight:700;line-height:1;display:flex;align-items:baseline}.Weather .app-temp-unit{font-size:22px;margin-left:4px;align-self:baseline}.Weather .app-details{font-size:13px;line-height:1}}