html{font-size:95.5%}@media (max-width:1200px){html{font-size:72.5%}}@media (max-width:900px){html{font-size:75.5%}}@media (max-width:650px){html{font-size:75.5%}}@media (max-width:450px){html{font-size:62.5%}}.app{background-position:bottom;transition:.4s ease;background-color:#d5adc8;background-image:linear-gradient(315deg,#d5adc8,#ff8489 74%)}.app,.app.warm{background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;height:657px;min-width:100%;box-shadow:0 6px 28px -3px rgba(0,0,0,.75)}.app.warm{background-color:#734ae8;background-image:linear-gradient(315deg,#734ae8,#89d4cf 74%)}section{display:flex;height:-webkit-fill-available}@media screen and (max-width:850px){section{display:flex;flex-direction:column;justify-content:center;justify-items:center;justify-self:center;align-items:center;margin-top:25px}.app,.app.warm{height:auto}.app-main{margin-bottom:25px}}.app-main{height:599px;background-image:linear-gradient(180deg,rgba(0,0,0,.336),rgba(0,0,0,.815));width:350px;box-shadow:2px 5px rgba(0,0,0,.2)}.sunny{background-image:linear-gradient(180deg,rgba(0,0,0,.336),rgba(0,0,0,.911)),url(/static/media/cityday.6c04c91d.jpg)}.sunny,.winter{height:599px;width:400px;background-size:cover;background-position:50%;background-repeat:no-repeat;box-shadow:0 6px 28px -3px rgba(0,0,0,.75)}.winter{background-image:url(/static/media/citylights.f5373170.jpg)}@media screen and (max-width:420px){.sunny,.winter{width:360px}}@media screen and (max-width:380px){.sunny,.winter{width:310px}.weather-boxx div.iconn{left:180px;top:85px}div.weatherr{left:180px}span.spanh{font-size:1.8rem;left:.5rem}span.spanw{position:absolute;left:7.5rem;bottom:-1.2rem;width:100%;font-size:1.9rem}footer .Humidityimg{left:-4.1rem;bottom:-.2rem}footer .Humidityimg,footer .Windimg{width:4.2rem;height:4.2rem;position:absolute}footer .Windimg{right:-.1rem;bottom:-.5rem}}@media screen and (max-width:330px){.sunny,.winter{width:280px}.weather-boxx div.iconn{left:155px;top:111px}.iconn i.iconImgg{font-size:50px}div.weatherr{left:150px}.app-main{width:280px}}.search-box{width:94%}.search-box .search-bar{display:block;width:98%;padding:15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;background-color:hsla(0,0%,100%,.5);border-radius:0 0 16px 16px;margin:0 15px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;font-size:20px;transition:.4s ease}.search-box .search-bar:focus{background-color:hsla(0,0%,100%,.75)}.location-boxx{display:flex;justify-content:flex-start}.loc{color:#fff;font-size:22px;font-weight:500;text-shadow:3px 3px rgba(50,50,70,.5);padding-left:40px}.date{padding-left:20px}.weather-boxx{display:flex;flex-direction:row;top:-118px;height:125px;position:relative;display:inline-block;margin:10px;padding:15px 25px;color:#fff;font-size:6rem;font-weight:900;text-shadow:3px 6px rgba(50,50,70,.5)}.temp{position:absolute;top:125px;left:10px}.temp .temperature{font-size:11rem}.temp .cell{font-size:4rem}.weatherr{position:absolute;top:170px;left:204px}.weatherr .descriptionn{color:#fff;font-size:15px;font-weight:700;text-shadow:3px 3px rgba(50,50,70,.5);width:159px;text-transform:capitalize}.iconn,.weatherr .descriptionn{display:flex;justify-content:flex-start}.iconn{align-items:flex-start;position:absolute;top:40px;left:204px}.iconImgg{padding-left:10px;color:#fff;font-size:110px}.footer{width:81%;height:5.5rem;font-size:1.3rem;display:flex;justify-content:space-around;margin:36px 0 0}.humidity{left:2.5rem}.humidity,.wind{position:absolute;font-size:2.4rem;color:#fff}.wind{right:2.5rem}.Humidityimg{left:-2.1rem;bottom:-.5rem}.Humidityimg,.Windimg{width:4.2rem;height:4.2rem;position:absolute}.Windimg{right:.9rem;bottom:-1.5rem}.spanh{left:3.5rem;bottom:.6rem}.spanh,.spanw{position:absolute;width:100%;font-size:1.4rem}.spanw{left:5.5rem;bottom:-.4rem}@media screen and (max-width:750px){span.spanh{font-size:1.8rem;left:.5rem}span.spanw{position:absolute;left:7.5rem;bottom:-1.2rem;width:100%;font-size:1.9rem}.Humidityimg{left:-4.1rem;bottom:.1rem}.Humidityimg,.Windimg{width:4.2rem;height:4.2rem;position:absolute}.Windimg{right:.9rem;bottom:-.5rem}}.search-days{display:flex;flex-direction:column;border:0}.search-days :first-child{display:flex;flex-direction:row;margin:0 auto;height:55px;width:358px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0;transition:all .3s ease-in-out}@media (max-width:410px){.search-days :first-child{display:flex;flex-direction:row;margin:0 auto;height:55px;width:318px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0;transition:all .3s ease-in-out}}@media (max-width:380px){.search-days :first-child{display:flex;flex-direction:row;margin:0 auto;height:55px;width:288px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0;transition:all .3s ease-in-out}}@media (max-width:330px){.search-days :first-child{display:flex;flex-direction:row;margin:0 auto;height:55px;width:208px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0;transition:all .3s ease-in-out}}.search-days :first-child:hover{font-size:2rem;background:rgba(27,26,26,.5);transform:scale(1.1);border-radius:0}.search-days>:first-child:hover>:first-child{background-color:transparent;min-width:102px;font-size:1.4rem;text-transform:capitalize;border:0;border-radius:0;padding:10px}.search-days :nth-child(2){display:flex;flex-direction:row;margin:0 auto;height:55px;width:358px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0}@media (max-width:410px){.search-days :nth-child(2){display:flex;flex-direction:row;margin:0 auto;height:55px;width:318px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0;transition:all .3s ease-in-out}}@media (max-width:380px){.search-days :nth-child(2){display:flex;flex-direction:row;margin:0 auto;height:55px;width:288px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0;transition:all .3s ease-in-out}}@media (max-width:330px){.search-days :nth-child(2){display:flex;flex-direction:row;margin:0 auto;height:55px;width:208px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0;transition:all .3s ease-in-out}}.search-days :nth-child(2):hover{font-size:2rem;background:rgba(27,26,26,.5);transform:scale(1.1);border-radius:0}.search-days>:nth-child(2):hover>:first-child{background-color:transparent;min-width:102px;font-size:1.4rem;text-transform:capitalize;border:0;border-radius:0;padding:10px}.search-days :nth-child(3){display:flex;flex-direction:row;margin:0 auto;height:55px;width:358px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0}@media (max-width:410px){.search-days :nth-child(3){display:flex;flex-direction:row;margin:0 auto;height:55px;width:318px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0;transition:all .3s ease-in-out}}@media (max-width:380px){.search-days :nth-child(3){display:flex;flex-direction:row;margin:0 auto;height:55px;width:288px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0;transition:all .3s ease-in-out}i.iconImgg{padding-left:10px;color:#fff;font-size:75px}}@media (max-width:330px){.search-days :nth-child(3){display:flex;flex-direction:row;margin:0 auto;height:55px;width:208px;border-bottom:2px solid rgba(0,0,0,.596);border-right:0;transition:all .3s ease-in-out}}.search-days :nth-child(3):hover{font-size:2rem;background:rgba(27,26,26,.5);transform:scale(1.1);border-radius:0}.search-days>:nth-child(3):hover>:first-child{min-width:102px}.search-days>:first-child>:first-child,.search-days>:nth-child(3):hover>:first-child{background-color:transparent;font-size:1.4rem;text-transform:capitalize;border:0;border-radius:0;padding:10px}.search-days>:first-child>:nth-child(2){font-size:1.6rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;display:flex;justify-content:center;align-items:center;padding:10px;border:0;border-radius:0}.search-days>:first-child>:nth-child(3){border:0;width:50px;height:50px}.search-days>:first-child>:nth-child(3) :first-child{font-size:30px;display:flex;justify-content:center;align-items:center;border:0}.search-days>:first-child>:nth-child(4){margin:0 10px;font-size:1.6rem;min-width:40px;display:flex;justify-content:center;align-items:center;padding:10px;border:0;border-radius:0}.search-days>:first-child>:nth-child(4) :first-child{border:0;font-size:1.8rem;line-height:2rem;height:0}.search-days>:first-child>:nth-child(4) :nth-child(2){display:none}.search-days>:nth-child(2)>:first-child{background-color:transparent;font-size:1.4rem;text-transform:capitalize;border:0;border-radius:0;padding:10px}.search-days>:nth-child(2)>:nth-child(2){font-size:1.6rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;display:flex;justify-content:center;align-items:center;padding:10px;border:0;border-radius:0}.search-days>:nth-child(2)>:nth-child(3){border:0;width:50px;height:50px}.search-days>:nth-child(2)>:nth-child(3) :first-child{font-size:30px;display:flex;justify-content:center;align-items:center}.search-days>:nth-child(2)>:nth-child(4){margin:0 10px;font-size:1.6rem;min-width:40px;display:flex;justify-content:center;align-items:center;padding:10px;border:0;border-radius:0}.search-days>:nth-child(2)>:nth-child(4) :first-child{border:0;font-size:1.8rem;line-height:2rem;height:0}.search-days>:nth-child(2)>:nth-child(4) :nth-child(2){display:none}.search-days>:nth-child(3)>:first-child{background-color:transparent;font-size:1.4rem;text-transform:capitalize;border:0;border-radius:0;padding:10px}.search-days>:nth-child(3)>:nth-child(2){font-size:1.6rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;display:flex;justify-content:center;align-items:center;padding:10px;border:0;border-radius:0}.search-days>:nth-child(3)>:nth-child(3){border:0;width:50px;height:50px}.search-days>:nth-child(3)>:nth-child(3) :first-child{font-size:30px;display:flex;justify-content:center;align-items:center}.search-days>:nth-child(3)>:nth-child(4){margin:0 10px;font-size:1.6rem;min-width:40px;display:flex;justify-content:center;align-items:center;padding:10px;border:0;border-radius:0}.search-days>:nth-child(3)>:nth-child(4) :first-child{border:0;font-size:1.8rem;line-height:2rem;height:0}.search-days>:nth-child(3)>:nth-child(4) :nth-child(2){display:none}*,body{margin:0;padding:0;box-sizing:border-box}body{font-family:"Karma",serif}html{font-size:62.5%;background-color:#f7f7f7}@media (max-width:1200px){html{font-size:62.5%}}@media (max-width:900px){html{font-size:55.5%}}@media (max-width:750px){html{font-size:45.5%}}@media (max-width:450px){html{font-size:42.5%}}.currentbg{background-size:cover;background-position:bottom;transition:.4s ease;background-position:50%;background-repeat:no-repeat;height:100%;width:450px;border-radius:5px;box-shadow:0 6px 28px -3px rgba(0,0,0,.75);color:#fff;position:relative}.button{display:none}@media screen and (max-width:850px){.button{display:block;cursor:pointer}main{height:649px}}@media screen and (max-width:500px){.currentbg{margin-top:10px;width:424px}.weather-box span.cel{font-size:3rem;position:absolute;top:-6px;left:234px}}@media screen and (max-width:460px){.currentbg{margin-top:10px;width:370px}.weather-box span.cel{font-size:4rem;position:absolute;right:137px!important;top:-8px;left:208px}}@media screen and (max-width:410px){.currentbg{width:340px}.weather-box span.cel{font-size:3rem;position:absolute;top:-6px;left:190px}}@media screen and (max-width:380px){.currentbg{width:310px}.weather-box span.cel{font-size:3rem;position:absolute;top:-6px;left:176px}}@media screen and (max-width:350px){.currentbg{width:280px}.weather-box span.cel{font-size:3rem;position:absolute;top:-6px;left:161px}}main{background-image:linear-gradient(180deg,rgba(0,0,0,.144),rgba(0,0,0,.863))}.location-box{display:flex;justify-content:flex-start}.location-box .location{padding-top:30px;padding-left:30px;line-height:4rem;color:#fff;font-size:3.4rem;font-weight:500;text-shadow:3px 3px rgba(50,50,70,.5);text-transform:uppercase;text-align:center}.date{color:#fff;font-weight:300;font-style:italic;display:flex;flex-direction:column;text-shadow:2px 2px rgba(50,50,70,.5);margin-left:20px}.date span{font-size:1.6rem;line-height:2rem}.weather-box{display:flex;position:relative;justify-content:center}.weather-box .tempe{display:flex;color:#fff;font-size:6rem;font-weight:900;line-height:6rem;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .cel{font-size:3rem;position:absolute;top:-6px;left:250px}.weather{text-align:center;position:absolute;bottom:-14px;display:flex;justify-content:center}.weather .description{font-size:1.6rem;color:#fff}.icon{display:flex;align-items:center;justify-content:center;justify-items:center;justify-self:center;align-self:center;padding-bottom:20px}.iconImage{color:#fff;font-size:120px;padding:0}.msg{display:block;color:#fff;font-size:30px;margin-top:10px}.footerr{position:relative;width:100%;height:5.5rem;padding-top:25px}.humidity,.wind{left:3.5rem;position:relative;font-size:1rem;padding-bottom:8px}.Humidityicon,.Windicon{width:4.2rem;height:4.2rem;position:absolute;left:-1.1rem;bottom:-2.5rem}.span1,.span2{position:absolute;left:2.5rem;bottom:-1.4rem;width:100%;font-size:1.6rem}a.fa{color:#fff;text-decoration:none}.arrow{text-align:center;margin:4% 0}.bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce:hover{-webkit-animation:none;animation:none}.days{padding:20px}@media screen and (max-width:430px){.days{padding:20px 10px;text-align:center}}@media screen and (max-width:500px){.days{padding:20px 10px;text-align:center}}@media screen and (max-width:380px){.days{padding:20px 0;text-align:center;padding:10px 0}}.dayOne{display:inline-block;transition:all .3s;border-right:2px solid hsla(0,0%,100%,.5);cursor:pointer;color:#fff;font-size:2rem;background-color:rgba(27,26,26,.5);height:195px;width:135px}.dayOne:hover{transform:scale(1.1);border:0;box-shadow:0 0 11px rgba(33,33,33,.2);border-top-left-radius:10px;border-top-right-radius:10px}@media screen and (max-width:500px){.dayOne{width:111px}div.dayOne:hover .main{background-color:#1d1616;padding:0;text-transform:uppercase;line-height:3.6rem;font-size:1.8rem;margin:0 auto;width:69px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}}@media screen and (max-width:430px){.dayOne{width:100px}.dayOne .tempp{font-size:2.6rem;padding:0 15px;text-align:center;font-weight:900}}@media screen and (max-width:380px){.dayOne{width:96px}}@media screen and (max-width:350px){.dayOne{width:90px}.dayOne .main{background-color:grey;padding:0;text-transform:uppercase;line-height:3.6rem;font-size:1.8rem;margin:0 auto;width:69px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dayOne .iconImg{font-size:40px}}.dayOne:hover .main{background-color:#1d1616;padding:0;text-transform:uppercase;line-height:3.6rem;font-size:1.8rem;margin:0 auto;width:99px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dayTwo{display:inline-block;transition:all .3s;border-right:2px solid hsla(0,0%,100%,.5);cursor:pointer;color:#fff;font-size:2rem;background-color:rgba(27,26,26,.5);height:195px;width:135px}@media screen and (max-width:500px){.dayTwo{width:111px}div.dayTwo:hover .main{background-color:#1d1616;padding:0;text-transform:uppercase;line-height:3.6rem;font-size:1.8rem;margin:0 auto;width:69px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}}@media screen and (max-width:430px){.dayTwo{width:100px;padding:0}.dayTwo .tempp{font-size:2.6rem;padding:0 15px;text-align:center;font-weight:900}}@media screen and (max-width:380px){.dayTwo{width:96px}}@media screen and (max-width:350px){.dayTwo{width:90px}.dayTwo .main{background-color:grey;padding:0;text-transform:uppercase;line-height:3.6rem;font-size:1.8rem;margin:0 auto;width:69px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dayTwo .iconImg{font-size:40px}}.dayTwo:hover{transform:scale(1.1);border:0;box-shadow:0 0 11px rgba(33,33,33,.2);border-top-left-radius:10px;border-top-right-radius:10px}.dayTwo:hover .main{background-color:#1d1616;padding:0;text-transform:uppercase;line-height:3.6rem;font-size:1.8rem;margin:0 auto;width:99px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dayThree{display:inline-block;transition:all .3s;cursor:pointer;color:#fff;font-size:2rem;background-color:rgba(27,26,26,.5);height:195px;width:135px}@media screen and (max-width:500px){.dayThree{width:111px}div.dayThree:hover .main{background-color:#1d1616;padding:0;text-transform:uppercase;line-height:3.6rem;font-size:1.8rem;margin:0 auto;width:69px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}}@media screen and (max-width:430px){.dayThree{width:100px}.dayThree .tempp{font-size:2.6rem;padding:0 15px;text-align:center;font-weight:900}}@media screen and (max-width:380px){.dayThree{width:96px}}@media screen and (max-width:350px){.dayThree{width:90px}.dayThree .main{background-color:grey;padding:0;text-transform:uppercase;line-height:3.6rem;font-size:1.8rem;margin:0 auto;width:69px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dayThree .iconImg{font-size:40px}}.dayThree:hover{transform:scale(1.1);border:0;box-shadow:0 0 11px rgba(33,33,33,.2);border-top-left-radius:10px;border-top-right-radius:10px}.main{background-color:grey}.dayThree:hover .main,.main{padding:0;text-transform:uppercase;line-height:3.6rem;font-size:1.8rem;margin:0 auto;width:99px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dayThree:hover .main{background-color:#1d1616}.tempp{font-size:3rem;padding:0 30px;text-align:center;font-weight:900}.iconnn{display:flex;justify-content:center}.iconImg{font-size:54px;margin:0 20px 8px;font-weight:400;color:#f5f5f5}.shortDate{height:55px;margin:0 30px 10px}.dayy{line-height:1rem}.dayy,.dt{font-size:1.6rem}.dt{line-height:1.4rem}
/*# sourceMappingURL=main.59ea7900.chunk.css.map */