body{background:url(../images/background-img.png) no-repeat center center/cover;height:100vh;display:flex;align-items:center;justify-content:center;background-position:inherit;margin:0;transition:.3s}fieldset{color:azure;border-color:#f0f8ff;height:15%;padding-top:1%;padding-bottom:2%}.container{margin-top:7%;width:100%;height:50%;display:flex;flex-direction:column;justify-content:center;align-self:center;margin-left:20px}input[type=text i]{padding:1%}#btnSearch{cursor:pointer;padding:1%}.weather-div-container{width:100%;height:80%}.weather-div-container .cityname{color:#d4f2ff}.weather-div-container .city-data-container{display:flex;align-items:center;justify-content:flex-start;height:77%;width:100%;gap:5%}.weather-div-container .city-data-container .weather-data-div{background-color:#f0f8ff;padding:2%;border-radius:5px;height:-moz-fit-content;height:fit-content}.weather-div-container .city-data-container .weather-data-div .weather-date{margin:0}.weather-div-container .city-data-container .weather-data-div:hover{cursor:pointer;background-color:#306089;transition:.5s;box-shadow:0 0 10px #3a637a;color:#fff}.weather-div-container .city-data-container .city-weather-data{display:flex;align-items:center;justify-content:flex-start;flex:.6;height:100%;gap:5%}.weather-div-container .city-data-container .city-weather-data .weather-condition{margin:0;padding-bottom:5%}.weather-div-container .city-data-container .city-weather-data .weather-condition .weather-image{display:inline !important;width:40px;height:40px;vertical-align:middle}.weather-div-container .city-data-container .aqi-container{flex:.2;background-color:#fff;padding:1% 2%;height:65%;border:5px solid red;border-radius:5px}.weather-div-container .city-data-container .aqi-container .aqi-data{font-size:1.2rem}.weather-div-container .city-data-container .aqi-container:hover{cursor:pointer;transition:.5s}.weather-div-container .forecast-data.display{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:-moz-max-content;height:max-content;background-color:#d4f2ff;width:100%}.weather-div-container .forecast-data.display .class-data{padding:2% 0px;border-bottom:2px solid #fff;width:100%;display:flex;align-items:center;justify-content:space-between}.weather-div-container .forecast-data.display .class-data:hover{cursor:pointer;background-color:#1a6484;color:#fff;transition:.4s}.weather-div-container .forecast-data.display .class-data .day-data{padding-left:10px}.weather-div-container .forecast-data.display .class-data .day-data-div{display:flex;align-items:center;justify-content:space-between;flex:.25}