*{margin:0;padding:0}h1{font-family:"Inter",sans serif;font-weight:500;font-size:35px}p{font-family:"Inter",sans serif;font-size:14px;font-weight:500}@media only screen and (min-width: 576px) and (max-width: 768px){p{font-size:15px}}@media only screen and (min-width: 576px) and (max-width: 992px){p{font-size:15px}}@media only screen and (min-width: 768px){p{font-size:16px}}.white-text{color:#fff;transition:1s}html,body{height:100%;overflow-y:none}img{object-fit:cover}p{text-align:center}#root{min-height:100%;justify-content:center;align-items:center;display:flex;flex-direction:column}.overlay{background-image:linear-gradient(to bottom,#d0f0ff,#6db3f2);transition:1s;opacity:.93;padding:10px;margin:10px auto;z-index:100;border-radius:20px}.overlay-night{background-image:linear-gradient(to bottom,#237296,#083052);transition:1s;opacity:.93;padding:10px;margin:10px auto;z-index:100;border-radius:20px}.hourWeather{display:flex;flex-direction:column;border-right:1px solid #e8e8e8}.hourWeather__time{font-weight:600;text-align:center;margin:5px 1px}.hourWeather__image{padding:0 1px;height:45px;width:45px}@media only screen and (min-width: 576px) and (max-width: 992px){.hourWeather__image{height:50px;width:50px}}@media only screen and (min-width: 768px){.hourWeather__image{height:55px;width:55px}}.hourWeather__temp{font-weight:500;text-align:center;margin:5px 1px;padding:0 0 7px}.hourlyWeather{border-radius:8px;padding:10px 4px;width:290px;margin-left:auto;margin-right:auto}.hourlyWeather__innerContainer{display:flex;flex-direction:row;margin-left:auto;margin-right:auto}.hourlyWeather__innerContainer--scrollable{width:290px;overflow-x:scroll;scrollbar-width:thin}.hourlyWeather__rightHeader{display:flex;align-items:end;flex-direction:column;margin:3px 5px 5px auto}.hourlyWeather__leftHeader{margin:0 5px 5px 3px}.hourlyWeather__conditionIcon{height:35px;width:35px}.hourlyWeather__conditionText{font-size:14px}.hourlyWeather__currentTemp{font-size:25px;font-weight:500;padding-bottom:7px}.hourlyWeather__currentLocation{font-weight:500}.dynamicBackground{width:100%;height:100%;overflow:hidden;position:fixed;left:0;top:0;z-index:-9999}.dynamicBackground__img{width:100%;height:100%}.dailyWeather{border-radius:8px;padding:10px 4px;width:290px;margin-left:auto;margin-right:auto}.dailyWeather__innerContainer{display:flex;flex-direction:row;margin-left:auto;margin-right:auto}.dailyWeather__innerContainer--scrollable{width:290px;overflow-x:scroll}.dailyWeather__rightHeader{display:flex;align-items:end;flex-direction:column;margin:3px 5px 5px auto}.dailyWeather__leftHeader{margin:0 5px 5px 3px}.dailyWeather__conditionIcon{height:35px;width:35px}.dailyWeather__conditionText{font-size:14px}.dailyWeather__currentTemp{font-size:25px;font-weight:500;padding-bottom:7px}.dailyWeather__currentLocation{font-weight:500}.greeting__heading{text-align:center;padding:15px 0}.greeting__description{margin:3px 8px}.dayWeather{display:flex;flex-direction:row;padding:3px 0}.dayWeather__day{align-self:center;width:40px;padding:0 6px;text-align:left}.dayWeather__icon{padding:0 8px;height:25px;width:25px;width:40px}.dayWeather__minTemp,.dayWeather__maxTemp{padding:0 8px;align-self:center;width:40px;text-align:left}.dayWeather__minTempLabel,.dayWeather__maxTempLabel{padding:0 2px;font-size:12px;font-weight:700}.dayWeather__precipitation{align-self:center;padding:0 8px}.dayWeather__droplet{font-size:10px;padding:0 4px 0 0}.dayWeather__precipitationPercentageSign{font-size:12px}