body{background-image:url(./background-wPqTzFNi.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}a{color:#885df1}.weather-app{background:#eaf9fe;max-width:600px;margin:45px auto;box-shadow:10px 10px 20px #0000001a;border-radius:3px;padding:30px}img,svg{vertical-align:middle}.Weather-logo{display:block;max-width:150px}.app-name{font-family:Arial,Helvetica,sans-serif;font-size:14px;opacity:.8;text-shadow:5px 5px 10px rgba(0,0,0,.4);color:#000}header{border-bottom:1px solid #f9f7fe;padding:0 0 30px}form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.search-form-input{background-color:#f9f7fe;border:none;border-radius:6px;width:70%;min-width:200px;font-size:16px;padding:15px 20px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;opacity:.5;box-shadow:10px 10px 63px #0000001a}.search-form-button{background:#4e6a85;padding:15px 30px;border:none;font-size:16px;border-radius:6px;color:#fff;box-shadow:10px 10px 63px #0000004d;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}main{padding:30px 0}.weather-app-data{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.weather-app-city{margin:0;font-size:38px;line-height:48px}.weather-app-details{font-size:16px;color:#27214266;line-height:24px;font-weight:500}.weather-app-details strong{color:#f65282}.weather-app-temperature-container{display:flex;align-items:center;flex-wrap:wrap}.weather-app-icon{font-size:88px;height:88px}.weather-app-temperature{font-size:88px;margin-left:10px;font-weight:700;line-height:88px}.weather-app-unit{margin-top:6px;font-size:28px}footer{border-top:1px solid #f9f7fe;padding:30px 0 0;text-align:center;font-size:14px;color:#0009}.weather-forecast{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px;margin-top:30px}.weather-forecast-date{text-align:center;color:#27214266;font-size:16px;line-height:20px;margin-bottom:10px}.weather-forecast-icon{width:88px;height:88px;display:block;margin:0 auto}.weather-forecast-temperatures{text-align:center;color:#88ab8e;margin-top:10px;display:flex;justify-content:center}.weather-forecast-temperature{padding:0 10px}.min{opacity:.7}@media (max-width: 600px){.weather-app{margin:20px;padding:20px}.weather-app-data{flex-direction:column;align-items:center;text-align:center}.weather-app-temperature-container{justify-content:center}.weather-app-temperature{font-size:64px}.weather-app-icon{font-size:64px;height:64px}.search-form-input,.search-form-button{width:100%}.weather-forecast{flex-direction:column;align-items:center}.weather-forecast-icon{width:64px;height:64px}}