@import url(https://fonts.googleapis.com/css2?family=Numans&display=swap);body{background-color:#89dffb}*{font-family:"Numans",sans-serif}.Homepage-container{width:70%;height:auto;background-color:#fff;border-radius:2rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:2px 1px 11px 6px rgba(0,0,0,.25);min-height:70%}.homepage-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.Weatheryy-Logo__HomePage{width:15rem;height:15rem;margin:3rem}.Weatheryy-Intro__HomePage{background:linear-gradient(#de5fa0,#52a4ea);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-shadow:0 0 transparent;font-size:3rem;display:inline- block;margin:1.5rem 0;text-align:center}.ap-input-icon svg{display:none;visibility:hidden}#root>div>div>div>div.form-container>form>div>div>span>input{margin:0}.formDisplay{width:75%;margin:0 auto}#algolia-places-listbox-0{left:0!important;max-height:inherit}.Weatheryy-Start-Button{width:100%;padding:1.5rem;background-color:rgba(137,223,251,.35);outline:none;font-size:1.25rem;border-radius:2rem;margin:2rem 0;border:1px solid transparent}.Search-Button{width:40%;position:relative;left:30%}.Weatheryy-Start-Button:hover{cursor:pointer;border:1px solid #89dffb}.weatheryy-banner{display:inline-flex;flex-direction:row}.Weatheryy-Logo__SearchPage{width:5rem;height:5rem;margin:1.5rem 1rem 1.5rem 3rem}.Weatheryy-Intro__SearchPage{font-size:3rem;background:linear-gradient(#de5fa0,#52a4ea);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-shadow:0 0 transparent}.Weatheryy-Logo__WeatherPage{width:3rem;height:3rem;margin:1.5rem 1rem 1.5rem 3rem}.Weatheryy-Intro__WeatherPage{font-size:2rem;background:linear-gradient(#de5fa0,#52a4ea);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-shadow:0 0 transparent}input[type=text]{width:65%;padding:.75rem;position:relative;left:15%;margin:1rem 1rem 0;outline:none;border:1px solid #ccc;border-image-slice:1}input[type=text]:focus{border-image-source:linear-gradient(#de5fa0,#52a4ea)}input[type=text]::-webkit-input-placeholder{font-size:1rem}input[type=text]:-ms-input-placeholder{font-size:1rem}input[type=text]::placeholder{font-size:1rem}.autocomplete-dropdown-container{padding:1rem;position:absolute;left:15%;width:65%;z-index:99}.searchedLocations{border:1px solid red;padding:1rem}.input-suggestion{width:100%;height:50px;background-color:#fff;border-bottom:1px dotted #000;display:flex;align-items:center;font-size:1rem}.WeatherPage-container{width:90%;height:auto;background-color:#fff;border-radius:2rem;position:relative;left:5%;top:5%;box-shadow:2px 1px 11px 6px rgba(0,0,0,.25);padding-bottom:2rem}.cityWeatherInfo{padding:0 3rem}.loader-container{margin:auto;padding:10rem 0}.loader{border:16px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:relative;margin:auto}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:1030px){.WeatherPage-container{width:100%;left:0}.Weatheryy-Intro__HomePage{font-size:4rem;margin:2.5rem 0}.Weatheryy-Logo__HomePage{width:16rem;height:16rem;margin:4rem}.Weatheryy-Start-Button{padding:2rem;font-size:1.5rem}input[type=text]{height:2rem;font-size:1.5rem}}@media screen and (max-width:770px){input[type=text]{height:auto;font-size:medium}.input-suggestion{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:smaller}.Weatheryy-Intro__HomePage{font-size:2.5rem}.Weatheryy-Logo__HomePage{width:15rem;height:15rem;margin:3rem 3rem 2rem}.Weatheryy-Logo__SearchPage{margin:1.5rem 0 1.5rem 1rem}.Weatheryy-Intro__SearchPage{font-size:2rem;margin:3.25rem 1rem}input[type=text]{left:10%}.autocomplete-dropdown-container{width:65%}.Weatheryy-Logo__WeatherPage{width:2.5rem;height:2.5rem;margin:1.5rem .5rem 1.5rem 1rem}.Weatheryy-Intro__WeatherPage{font-size:1.5rem;padding:.5rem}.cityWeatherInfo{padding:0 1rem}.WeatherPage-container{width:100%;left:0}}@media screen and (max-width:420px){.Weatheryy-Start-Button{padding:.5rem;font-size:1.1rem}.Homepage-container{width:95%}.Weatheryy-Intro__HomePage{font-size:2.5rem;margin:1.25rem}.Weatheryy-Logo__HomePage{width:13rem;height:13rem;margin:2rem 2rem 1rem}.autocomplete-dropdown-container{left:10%;width:65%}.loader-container{margin:auto;padding:13rem 0}}@media screen and (max-width:325px){.Homepage-container{width:90%}.Weatheryy-Intro__HomePage{font-size:2rem}.Weatheryy-Logo__HomePage{width:9rem;height:9rem;margin:3rem 3rem 2rem}.Weatheryy-Logo__SearchPage{width:2.5rem;height:2.5rem;margin:1.5rem .5rem 1.5rem 1rem}.Weatheryy-Intro__SearchPage{font-size:1.5rem;margin:2.25rem .5rem}input[type=text]{left:10%}.input-suggestion{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:smaller}.loader-container{margin:auto;padding:11rem 0}}.cityName{font-size:2.5rem;margin:5px 0}.presentDate{font-size:1.1rem;color:#575252;margin:0}@media screen and (max-width:420px){.cityName{font-size:1.5rem}.presentDate{font-size:.9rem}}@media screen and (max-width:325px){.cityName{font-size:1.25rem}}.WeatherDeatils-container{width:100%;justify-content:space-between;margin-top:2rem}.tempInfo,.WeatherDeatils-container{height:auto;display:flex;flex-direction:row}.tempInfo{width:40%;border-right:1px solid #000}.additionalInfo{width:60%;height:auto;border-left:1px solid #000;display:grid;grid-template-columns:auto auto auto auto;padding:0 1.75rem}.climate-icon-container{width:50%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.climateIcon{width:90%;height:90%;padding:2rem}.Climate-info-container{width:50%;height:auto;flex-direction:column;align-items:center}.Climate-info-container,.Climate-info-container p{display:flex;justify-content:center}.Today_temp{font-size:6rem;margin:0}.Today_climate{font-size:1.25rem;margin:0;text-transform:capitalize}.grid-item{padding-top:.5rem;font-size:30px}.info-heading{font-size:1rem;color:#494949}.info-details{font-size:1.75rem;margin-top:.5rem}@media screen and (max-width:1030px){.additionalInfo{grid-column-gap:.5rem;-webkit-column-gap:.5rem;column-gap:.5rem}.info-details{font-size:1.5rem}}@media screen and (max-width:780px){.Today_temp{font-size:5rem;margin:0}.tempInfo{flex-direction:column;align-items:center}.climateIcon{padding:0}.high-temp,.low-temp,.rain-volume{text-indent:-9999px;line-height:0}.low-temp:after{content:"Low"}.high-temp:after,.low-temp:after{text-indent:0;display:block;line-height:normal}.high-temp:after{content:"High"}.rain-volume:after{content:"Vol.Of Rain";text-indent:0;display:block;line-height:normal}.info-details{font-size:1.1rem}}@media screen and (max-width:420px){.WeatherDeatils-container{flex-direction:column;margin-top:0}.tempInfo{width:100%;border-right:none;border-bottom:1px solid #000;flex-direction:row}.additionalInfo{width:100%;border:none;grid-template-columns:auto auto;padding:0}.Today_climate{font-size:.8rem}.Today_temp{font-size:5rem}.info-details{font-size:1.5rem}.info_heading{font-size:.85rem}.grid-item{padding-top:.5rem;font-size:30px;margin:.5rem}}@media screen and (max-width:325px){.Today_temp{font-size:4rem}.info-heading{font-size:.8rem}.info-details{font-size:1.25rem}}.forecast-container{margin-top:3rem}.forecastHeading{font-size:1.5rem}.temp-pills-container{display:flex;flex-direction:row;justify-content:space-between;margin-top:2rem}.pill-container{width:7%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px double transparent;border-radius:1.5rem;background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,#de5fa0,#52a4ea);background-origin:border-box;background-clip:content-box,border-box}.weather-logo{width:4.5rem;height:4.5rem}.specifiedTemp,.specifiedTime{margin:1rem 0;font-size:1.5rem}.forecastTab-container{display:flex;flex-direction:row;justify-content:space-evenly;border:2px double transparent;border-radius:1.5rem;background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,#de5fa0,#52a4ea);background-origin:border-box;background-clip:content-box,border-box;margin:1rem 0}.infoHeading{font-size:1rem;color:#494949}.infoData{font-size:1.5rem}.infoConatainer{display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:780px){.specifiedTemp,.specifiedTime{font-size:1.1rem}.weather-logo{width:3.5rem;height:3.5rem}}@media screen and (max-width:420px){.forecastTab-container{justify-content:space-evenly}.forecastHeading{font-size:1.5rem}.temp-pills-container{flex-wrap:wrap;margin:0}.pill-container{width:20%;margin-top:1rem}.weather-logo{width:3.5rem;height:3.5rem}.specifiedTemp,.specifiedTime{margin:1rem 0;font-size:1rem}.infoData{color:#000}.infoData,.infoHeading{font-size:.75rem}.infoConatainer{align-items:flex-start}.high-temp,.low-temp,.rain-volume,.wind-speed{text-indent:-9999px;line-height:0}.low-temp:after{content:"Low"}.high-temp:after,.low-temp:after{text-indent:0;display:block;line-height:normal}.high-temp:after{content:"High"}.wind-speed:after{content:"Wind"}.rain-volume:after,.wind-speed:after{text-indent:0;display:block;line-height:normal}.rain-volume:after{content:"Rain"}}@media screen and (max-width:325px){.forecastHeading{font-size:1.25rem}}
/*# sourceMappingURL=main.4ac2646b.chunk.css.map */