@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.WeatherCard_container__CgFjY{background:#171717;border-radius:10px;color:#fff;margin:4rem auto;padding:2rem;width:40%}.WeatherCard_weather__header__aMXo\+{align-items:center;display:flex;justify-content:space-between}.WeatherCard_weather__search__iIBLT{position:relative}form.WeatherCard_weather__search__iIBLT button{background-color:#fff;border:none;border-radius:5px;color:#1e1e1e;cursor:pointer;font-weight:600;margin-left:15px;padding:.5rem 1rem}.WeatherCard_weather__search__iIBLT svg{color:#fff;font-size:15px;left:10px;position:absolute;top:10px}.WeatherCard_weather__units__zXFAX{font-size:1.5rem}.WeatherCard_weather__units__zXFAX span{cursor:pointer}.WeatherCard_weather__units__zXFAX span:first-child{margin-right:.5rem}.WeatherCard_weather__body__S6sTz{margin-top:3rem;text-align:center}.WeatherCard_weather__datetime__tqveS{font-size:14px;margin-bottom:2rem}.WeatherCard_weather__forecast__i1mZO{background:#1e1e1e;border-radius:30px;display:inline-block;padding:.5rem 1rem}.WeatherCard_weather__icon__jCJxr img{width:100px}.WeatherCard_weather__temperature__0\+MRc{font-size:1.75rem}.WeatherCard_weather__minmax__PWoIi{display:flex;justify-content:center}.WeatherCard_weather__minmax__PWoIi p{font-size:14px;margin:.5rem}.WeatherCard_weather__info__eJ-u-{grid-gap:1rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:3rem}.WeatherCard_weather__card__5dgez{align-items:center;background:#1e1e1e;border-radius:10px;display:flex;padding:1rem}.WeatherCard_weather__card__5dgez svg{font-size:1.5rem;margin-right:1rem}.WeatherCard_weather__card__5dgez p{font-size:14px}@media(max-width:1080px){.WeatherCard_container__CgFjY{width:90%}.WeatherCard_weather__header__aMXo\+{flex-direction:column}.WeatherCard_weather__units__zXFAX{margin-top:1rem}}@media(max-width:440px){.WeatherCard_weather__search__iIBLT{text-align:center}.WeatherCard_weather__search__iIBLT svg{left:42px}form.WeatherCard_weather__search__iIBLT button{margin-top:12px;padding:.5rem 2rem}}@media(max-width:400px){.WeatherCard_weather__info__eJ-u-{grid-template-columns:none}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.container{width:100%}.weather__header{align-items:center;display:flex;justify-content:space-between}input{background:#1e1e1e;border:none;border-radius:5px;color:#fff;outline:none;padding:.5rem 2.5rem}input::-webkit-input-placeholder{color:#fff}input::placeholder{color:#fff}.weather__search{position:relative}form.weather__search button{background-color:#fff;border:none;border-radius:5px;color:#1e1e1e;cursor:pointer;font-weight:600;margin-left:15px;padding:.5rem 1rem}.weather__search svg{color:#fff;font-size:15px;left:10px;position:absolute;top:10px}.weather__units{font-size:1.5rem}.weather__units span{cursor:pointer}.weather__units span:first-child{margin-right:.5rem}.weather__body{margin-top:3rem;text-align:center}.weather__datetime{font-size:14px;margin-bottom:2rem}.weather__forecast{background:#1e1e1e;border-radius:30px;display:inline-block;padding:.5rem 1rem}.weather__icon img{width:100px}.weather__temperature{font-size:1.75rem}.weather__minmax{display:flex;justify-content:center}.weather__minmax p{font-size:14px;margin:.5rem}.weather__info{grid-gap:1rem;display:grid;grid-template-columns:repeat(2,1fr);margin-top:3rem}.weather__card{align-items:center;background:#1e1e1e;border-radius:10px;display:flex;padding:1rem}.weather__card svg{font-size:1.5rem;margin-right:1rem}.weather__card p{font-size:14px}.weather__header{background:#171717;border-radius:10px;color:#fff;margin:0 auto;padding:2rem;width:90%}.showContent{display:flex;flex-wrap:wrap;justify-content:center;margin:1rem auto;width:90%}.mainContent{background:#171717;border-radius:10px;color:#fff;margin:.5rem;padding:1rem;width:47%}@media(max-width:1080px){.weather__header{flex-direction:column}.weather__units{margin-top:1rem}}@media(max-width:440px){.weather__search{text-align:center}.weather__search svg{left:42px}form.weather__search button{margin-top:12px;padding:.5rem 2rem}.showContent{display:block}.mainContent{width:100%}}.loaderBox{text-align:center}.loaderBox img{height:100px;width:100px}@media(max-width:400px){.weather__info{grid-template-columns:none}}
/*# sourceMappingURL=main.d635ceb4.css.map*/