body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}* :before,:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:url(/static/media/taylor-van-riper-yQorCngxzwI-unsplash_test1.38e4f84d.jpg);background-size:cover;background-clip:border-box;background-position:50%;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5);overflow:hidden}#root,body,html{width:100%;height:100%}h1{display:none}.clear{background-image:url(/static/media/sunny.748463db.jpg)}.clouds{background-image:url(/static/media/clouds.e50c9e4a.jpg)}.drizzle{background-image:url(/static/media/drizzle.eb84cb10.png)}.fog,.mist{background-image:url(/static/media/mist.24d28765.jpg)}.rain{background-image:url(/static/media/rainy.c4d10216.jpg)}.snow{background-image:url(/static/media/snow.47d29d84.jpg)}.thunderstorm{background-image:url(/static/media/thunderstorm.d9ebb458.jpg)}.btn{border:1px solid #ddd;cursor:pointer;border-radius:25px;padding:15px 25px}.btn:focus{outline:none}.title{padding-top:10px;text-align:center;display:none}a:link{text-decoration:none}.footer{line-height:22px;font-size:22px;font-weight:370;color:#7624b1;display:block;text-shadow:5px 5px 0 5px #020202}.popup-container{position:relative;will-change:transform;top:450px;right:100px;transform:translate3d(487px,177px,0);width:15em;height:4.2em;display:flex;border-radius:4px;background-color:#fff;box-shadow:0 0 5px 2px rgba(15,15,15,.2);font-size:16px}.form-container{padding:6px;width:100%}label{font-size:14px;color:#000;box-shadow:0;margin-right:5px;margin-bottom:5px;flex-direction:column}input,label{display:flex;align-items:center;justify-content:center}input{height:25px;width:222px;border-radius:2px;border:1px solid hsla(0,0%,41.6%,.2)}#location-name{max-width:100%;padding-left:5px;text-transform:capitalize}.btn-select-location{background-color:#37b5e2;font-weight:350;text-shadow:#505050;left:566px;bottom:441px}.box-select-location,.btn-select-location{font-size:16px;font-family:Robot,sans-serif;border-radius:10px;color:#fff;margin:5px 5px 5px 0;position:relative}.box-select-location{background-color:#257fa0;font-weight:450;left:236px;bottom:50px}.img{max-width:50%}.img__today{height:135px;max-width:140%;margin-bottom:25px}.block__today{background-color:hsla(0,0%,41.6%,.75);border-radius:25px;border:1px solid #d2d2d2;border-bottom:none;box-shadow:8px 8px 12px #aaa;display:flex;justify-content:space-evenly;align-items:center;margin:140px auto 0;height:375px;width:55%}.day,.day2{margin:0 auto;position:relative;bottom:78px;text-align:center}.day-name{margin:0;font-size:.99rem}.city_name{margin:0;padding:0;display:block;width:250px;text-transform:capitalize}.hide{display:none}.block__today-text{font-size:1.7rem;position:relative;right:50px;width:100px}#temperature{font-size:45px}.temp{margin-top:10px;font-size:35px}.temp2{font-size:1.4rem;margin-bottom:0}.other__temp{font-size:1.2rem;margin:0}div.day{display:flex;flex-wrap:wrap}div.other-day{flex:1 0}.other-day:nth-child(6),.other-day:nth-child(7),.other-day:nth-child(8),div.other-day:first-child{display:none}.describ{display:block;width:250px;font-size:1.2rem}.other__descrip{font-size:.699rem;margin-bottom:5px}.other-day{display:inline-block;padding:8px;border:1px solid #d2d2d2;background-color:hsla(0,0%,51%,.65);box-shadow:8px 8px 12px #aaa;border-radius:35px;width:140px;margin:8px 8px 0}.weather{width:250%}.validation_city{font-weight:700;border-radius:5px;border:1px solid grey;box-shadow:8px 8px 12px #aaa;padding:10px;margin-left:25px}@media screen and (min-width:320px) and (max-width:540px){body{overflow:auto}.btn-select-location{position:relative;left:20px;bottom:441px}.block__today{text-align:center;margin:140px 25px 0;height:375px;width:88%}.block__today-text{font-size:1.7rem;position:relative;bottom:85px;right:110px;width:100%;margin-left:100px}.img__today{height:100px;width:100%;padding:0;position:relative;left:185px;top:63px}}@media screen and (min-width:541px) and (max-width:850px){body{overflow:auto}.btn-select-location{position:relative;left:200px;bottom:441px}}@media screen and (min-width:712px){body{overflow:hidden}}@media screen and (min-width:851px){.btn-select-location{position:relative;left:450px;bottom:441px}}
/*# sourceMappingURL=main.fea6d69e.chunk.css.map */