@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;outline:none;padding:0;transition:all .3s ease}body{background:#223b61}.nav-container{align-items:center;background-color:#ffffff21;display:flex;height:3rem;justify-content:space-between;margin:auto auto 1rem;max-width:1400px;padding:.4%;width:100%}.search-form{background-color:#ffffff15;border:.5px solid #a71c1c0c;border-radius:20px;display:flex;height:100%;max-width:600px;min-width:270px;overflow:hidden;width:50%}.searchInput{background-color:transparent;border:none;color:#dfdfdf;font-size:medium;padding-left:2%;width:90%}.searchInput::-webkit-input-placeholder{color:#dfdfdfd7}.searchInput:-ms-input-placeholder{color:#dfdfdfd7}.searchInput::placeholder{color:#dfdfdfd7}.search-submit{align-items:center;background-color:#ffffff21;cursor:pointer;font-size:1.3rem;justify-content:center;min-width:30px}.degree-container,.search-submit{border:none;color:#fff;display:flex;width:10%}.degree-container{border-radius:10px;height:90%;max-width:80px;min-width:50px;overflow:hidden}.celcius,.fahrenheit{background-color:#ffffff15;cursor:pointer;line-height:2rem;text-align:center;width:50%}.degactive{background-color:#ffffff38}main{margin:auto;max-width:1200px;padding:.5%;width:100%}.location{color:#fff;font-size:1.5rem;font-weight:800}.mainInfoContainer{backdrop-filter:blur(8px) saturate(144%);-webkit-backdrop-filter:blur(8px) saturate(144%);background-color:rgba(17,25,40,.67);border:1px solid #ffffff18;border-radius:12px;border-radius:10px;color:#fff;margin:1rem 0 2rem;overflow:hidden;position:relative;width:63%}.cover{padding:1%}.bdropImg{border:none;-webkit-filter:brightness(40%);filter:brightness(40%);height:600px;position:absolute;width:1000px;z-index:-3}.mainInfoContainer .topHeading{font-size:1rem;font-weight:900}.mainInfoContainer .topTime{color:#dfdfdf;font-size:.9rem}.mainInfoContainer .mainDataCont{display:flex;margin:.5rem 0;min-width:239px}.mainInfoContainer .mainDataCont .icon{height:130px;width:130px}.mainInfoContainer .mainDataCont .temp{align-items:center;display:flex;justify-content:center;min-width:190px;width:-webkit-max-content;width:max-content;width:200px}.btminfocnt{overflow-x:auto;position:relative}.btminfocnt::-webkit-scrollbar{opacity:50%}.mainInfoContainer .mainCondition{font-size:1.6rem;margin:.7rem 0 3%}.mainInfoContainer .bottomInfo{display:inline-flex;position:relative}.bottomInfoChildren{display:block;font-size:1rem;height:5rem;overflow:hidden;padding:2% 0 0 2%;width:8rem}.bottomInfoTitle{color:#dfdfdfde;cursor:pointer;font-size:.8rem;font-weight:200;margin-bottom:.3rem}.bottomInfoTitle:hover{color:#fff;text-decoration:underline}.forcastHeader{color:#fff;margin:.5rem .2rem .5rem 0}.daysListContainer{display:inline-flex}.daysListChildren,.daysListContainer{position:relative;transition:all .3s ease}.daysListChildren{background-color:hsla(0,0%,100%,.096);border-radius:5px;cursor:pointer;display:block;height:6.5rem;margin-right:.5rem;overflow:hidden;padding:1% 0 0 2%;width:9rem}.daysActive{background-color:#ffffff25;width:17rem}#daysMinInfo{color:#dfdfdf;cursor:pointer;font-weight:900}.daysMinInfoBody{display:flex;height:80%;width:100%}.daysMinInfoBody .dic{height:50px;width:50px}.daysMinInfoBody .mims{float:right;justify-content:center;min-width:105px}.daysMinInfoBody .degd,.daysMinInfoBody .mims{align-items:center;color:#fff;display:flex;flex-direction:column;margin-left:10px}.daysMinInfoBody .degd{font-size:.9rem;font-weight:700;justify-content:space-evenly;min-width:60px}.hourlyContainer{background-color:hsla(0,0%,100%,.08);border:none;border-radius:7px;color:#fff;height:20rem;margin:.8rem 0 0;position:relative;width:100%}.hourlyContainer h4{font-size:1.3rem;padding-left:7px;padding-top:7px}#line{background-color:#ffffff32;border:1px solid #ffffff32;border-radius:10px;height:2px;margin:1rem auto 0;opacity:40%;width:99.5%}.hoursListContainer{display:inline-flex}.hoursListChildren,.hoursListContainer{position:relative;transition:all .3s ease}.hoursListChildren{align-items:flex-start;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.089) 41.67%);border:none;cursor:pointer;display:flex;flex-direction:column;height:15rem;margin:0 .2rem;overflow:hidden;width:8.5rem}.hoursListChildren .icon{float:left;height:70px;margin:2px 0;padding-left:15px;width:70px}.hoursListChildren .degree{margin:6px 0;padding-left:15px}.hoursListChildren .condition{color:#dfdfdfe2;font-size:.9rem;font-weight:300;line-break:auto;padding-left:15px}.hoursListChildren .humidity{margin-bottom:8px;padding-left:15px}.hoursListChildren .windspeed{padding-left:15px}.next{right:0}.next,.prev{align-items:center;background-color:#ffffff28;border:1px solid #ffffff07;border-radius:50%;color:#dfdfdf99;cursor:pointer;display:flex;font-size:1.3rem;height:2rem;justify-content:center;position:absolute;top:50%;width:2rem;z-index:3}.prev{left:0}#hours{width:100%}.bottomTime{background-color:#223b61;border:none;bottom:0;height:2rem;line-height:2rem;position:absolute}.bottomTime,.footer{text-align:center;width:100%}.footer{background-color:#000000e0;color:#dfdfdf;overflow:hidden;padding:1%;position:relative}.footer p a{color:#fff}.remove{background-color:transparent;border:none;color:red;float:left;font-size:1rem;font-weight:900;height:100%;margin-top:3px;position:absolute;right:4%;top:0}@media screen and (max-width:900px){.mainInfoContainer{width:87%}}@media screen and (max-width:748px){.next,.prev{display:none!important}}@media screen and (max-width:750px){.mainInfoContainer{width:100%}}@media screen and (max-width:350px){.search-form{min-width:210px;width:100%}.degree-container{display:none}.mainInfoContainer .mainDataCont .temp{min-width:130px;width:20%}#tempNo{font-size:3.5rem!important;font-weight:900}.search-submit{min-width:none;width:17%}.search-form{height:70%}.searchInput{padding-left:3%}.search-submit,.searchInput{font-size:.8em}.mainInfoContainer .mainDataCont .icon{height:90px;width:90px}.temp p{font-size:3rem!important}.location{color:#fff;font-size:1.1rem;font-weight:800}.bottomInfoChildren{width:6rem}.mainInfoContainer .topTime{font-size:.8rem;margin-top:4px}}@media screen and (max-width:300px){.mainInfoContainer .topTime{font-size:.7rem}}
/*# sourceMappingURL=main.62d50166.css.map*/