@import url(https://fonts.googleapis.com/css?family=Lato:200,300,400);*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{width:100%;height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden;background:url(/your-weather/static/media/cloud.7671488d.png),-webkit-radial-gradient(0 0,circle,#2e2884,#eb79be,#2e2884);background:url(/your-weather/static/media/cloud.7671488d.png),radial-gradient(circle at 0 0,#2e2884,#eb79be,#2e2884);background-position:left 0 top 0,left 0 top 0;background-size:cover;font-family:Lato,sans-serif;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;-webkit-animation:animatedClouds 180s linear infinite;animation:animatedClouds 180s linear infinite}@-webkit-keyframes animatedClouds{0%{background-position:left 0 top 0,left 0 top 0}to{background-position:left 544rem top 0,left 0 top 0}}@keyframes animatedClouds{0%{background-position:left 0 top 0,left 0 top 0}to{background-position:left 544rem top 0,left 0 top 0}}.loader{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;background:-webkit-radial-gradient(0 0,circle,#2e2884,#eb79be,#2e2884);background:radial-gradient(circle at 0 0,#2e2884,#eb79be,#2e2884);z-index:100;position:fixed;top:0;left:0}.App{width:70vw;max-width:100rem}@media only screen and (max-width:56.25em){.App{width:80vw}}@media only screen and (max-width:37.5em){.App{width:100vw;height:100vh}}.weather-form{background-color:#2e2884;padding:2rem 0;display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;box-shadow:2rem -1rem 3rem rgba(0,0,0,.3),-2rem 1rem 3rem rgba(0,0,0,.3)}@media only screen and (max-width:37.5em){.weather-form{height:10%}}.weather-form__input{display:block;width:30%;margin-right:5rem;padding:1rem 2rem;background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-family:Lato,sans-serif;font-size:1.8rem;letter-spacing:1px;-webkit-transition:all .3s;transition:all .3s}.weather-form__input::-webkit-input-placeholder{color:#b2bec3}.weather-form__input:-webkit-autofill,.weather-form__input:-webkit-autofill:active,.weather-form__input:-webkit-autofill:focus,.weather-form__input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;box-shadow:inset 0 0 0 1000px #2e2884;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@media only screen and (max-width:56.25em){.weather-form__input{width:50%}}@media only screen and (max-width:37.5em){.weather-form__input{font-size:1.5rem}}.weather-form__input:focus{border-bottom:1px solid #eb79be;outline:none}.weather-form__button{box-sizing:border-box;padding:1rem 2.5rem;border-radius:2rem;border:none;background-color:#eb79be;color:#dfe6e9;text-transform:uppercase;font-family:Lato,sans-serif;font-size:1.5rem;letter-spacing:2px;outline:none;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.weather-form__button:hover{color:#fff;box-shadow:0 .5rem 1rem hsla(0,0%,100%,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.weather-form__button:active{box-shadow:0 .2rem .5rem hsla(0,0%,100%,.15);-webkit-transform:translateY(0);transform:translateY(0)}.current-weather{background-color:#161352;color:#fff;font-size:2rem;box-sizing:border-box}.current-weather__main{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2rem}@media only screen and (max-width:37.5em){.current-weather__main{padding:1rem}}.current-weather-container{display:flex;flex-direction:row;justify-content:stretch;align-items:stretch;padding:3rem 4rem;box-sizing:border-box}@media only screen and (max-width:43.75em){.current-weather-container{padding:2rem}}@media only screen and (max-width:37.5em){.current-weather-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center}}.current-weather__info{width:60%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:4rem}@media only screen and (max-width:56.25em){.current-weather__info{width:50%}}@media only screen and (max-width:37.5em){.current-weather__info{width:100%;margin-right:0;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}}.current-weather__details{width:40%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;justify-items:center;align-items:center}@media only screen and (max-width:56.25em){.current-weather__details{width:50%}}@media only screen and (max-width:37.5em){.current-weather__details{width:100%;padding:1rem 4rem}}.current-weather__date,.current-weather__location{display:flex;flex-direction:row;justify-content:center;align-items:center}.current-weather__date__icon,.current-weather__location__icon{width:2rem;margin-right:1rem}@media only screen and (max-width:37.5em){.current-weather__date__icon,.current-weather__location__icon{width:1.5rem}}.current-weather__date__info,.current-weather__location__info{font-size:1.8rem;letter-spacing:1px;font-weight:300}@media only screen and (max-width:37.5em){.current-weather__date__info,.current-weather__location__info{font-size:1.5rem}}.current-weather__type{display:flex;flex-direction:column;justify-content:center;align-items:center}@media only screen and (max-width:37.5em){.current-weather__type{order:2}}.current-weather__icon{width:8rem;display:block;margin-bottom:1rem}@media only screen and (max-width:37.5em){.current-weather__icon{width:6rem;margin-bottom:.5rem}}.current-weather__temp-max{font-size:9rem;margin-bottom:1rem;margin-top:2rem}@media only screen and (max-width:37.5em){.current-weather__temp-max{font-size:6rem}}.current-weather__description{font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;font-weight:300}@media only screen and (max-width:37.5em){.current-weather__description{font-size:1.3rem}}.current-weather__cloudiness,.current-weather__humidity,.current-weather__pressure,.current-weather__wind{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:hsla(0,0%,100%,.05);border-radius:1rem;box-sizing:border-box;padding:1rem}.current-weather__cloudiness__icon,.current-weather__humidity__icon,.current-weather__pressure__icon,.current-weather__wind__icon{width:2rem;margin-bottom:1rem}.current-weather__cloudiness__name,.current-weather__humidity__name,.current-weather__pressure__name,.current-weather__wind__name{font-size:1.3rem;letter-spacing:1px;font-weight:200;margin-bottom:.5rem}.current-weather__cloudiness__info,.current-weather__humidity__info,.current-weather__pressure__info,.current-weather__wind__info{font-size:1.5rem;font-weight:400}.daily-weather{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.daily-weather:first-child{-webkit-animation:fadeIn .5s ease-in-out 0s 1 both;animation:fadeIn .5s ease-in-out 0s 1 both}.daily-weather:nth-child(2){-webkit-animation:fadeIn .5s ease-in-out .2s 1 both;animation:fadeIn .5s ease-in-out .2s 1 both}.daily-weather:nth-child(3){-webkit-animation:fadeIn .5s ease-in-out .4s 1 both;animation:fadeIn .5s ease-in-out .4s 1 both}.daily-weather:nth-child(4){-webkit-animation:fadeIn .5s ease-in-out .6s 1 both;animation:fadeIn .5s ease-in-out .6s 1 both}.daily-weather:nth-child(5){-webkit-animation:fadeIn .5s ease-in-out .8s 1 both;animation:fadeIn .5s ease-in-out .8s 1 both}.daily-weather:nth-child(6){-webkit-animation:fadeIn .5s ease-in-out 1s 1 both;animation:fadeIn .5s ease-in-out 1s 1 both}.daily-weather:nth-child(7){-webkit-animation:fadeIn .5s ease-in-out 1.2s 1 both;animation:fadeIn .5s ease-in-out 1.2s 1 both}.daily-weather__day-name{font-size:1.4rem;letter-spacing:1px;margin-bottom:.5rem;color:#2d3436;font-weight:400}.daily-weather__icon{margin-bottom:.5rem}.daily-weather__temp-value{font-size:1.5rem;font-weight:400}.daily-weather__temp-value--max{color:#eb79be;border-bottom:1px solid #dfe6e9;padding-bottom:.5rem}.daily-weather__temp-value--min{padding-top:.5rem;color:#b2bec3}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.weekly-weather{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;align-items:center;justify-content:center;align-content:center;text-align:center;padding:2rem;border-top:1rem solid #2e2884;background-color:#fff}.weather{background-color:#fff;box-sizing:border-box;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;overflow:hidden;box-shadow:2rem 2rem 3rem rgba(0,0,0,.3),-2rem 0 3rem rgba(0,0,0,.3);background-color:#161352}@media only screen and (max-width:37.5em){.weather{height:90%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;border-bottom-left-radius:0;border-bottom-right-radius:0}}
/*# sourceMappingURL=main.866b5a1f.chunk.css.map */