@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500;6..12,600;6..12,700;6..12,800;6..12,900;6..12,1000&family=Poppins:wght@400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito Sans,sans-serif;margin:0}.img_container,body{height:100vh;width:100%}.img_container{align-items:center;background-color:#1b1b1b;display:flex;justify-content:center}.errorImg{height:100%;width:50%}.container{background-color:#d9d9d9;flex-direction:row;height:100vh;position:relative;width:100%;z-index:10}.container,.left-container,.right-container{align-items:center;display:flex;justify-content:center}.left-container,.right-container{height:100%;width:50%}.left-container{background-color:#1b1b1b;flex-direction:column;justify-content:space-evenly;width:60%}.illustration{width:60%}.content{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;width:80%}.content-title{font-family:Nunito Sans,sans-serif;font-size:40px;font-weight:900;margin:0}.content-tagline{font-style:italic}.content-tagline,.content-text{font-size:25px;text-align:center}.content-list,.content-tagline,.content-text{font-family:Nunito Sans,sans-serif;font-weight:600}.content-list{display:flex;flex-direction:row;font-size:20px;justify-content:space-evenly;width:100%}.content-ul{color:#fff;flex-direction:column;padding:0}.fa-circle-check{color:#2faa4b;font-size:20px}.content-div{align-items:center;display:flex;flex-direction:column;justify-content:center}.explore{background-color:initial;border:1px solid #000;cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;outline:0;padding:13px 20px;position:relative;transition:.7s;user-select:none;-webkit-user-select:none}.explore:after{background-color:#5c9ce5;content:"";height:100%;left:7px;position:absolute;top:7px;transition:.2s;width:100%;z-index:-1}.explore:hover:after{left:0;top:0}.content-ul{display:flex;justify-content:space-around;letter-spacing:1px;list-style:none;margin:0}.content-ul .content-li{padding-bottom:20px}@media screen and (max-width:1170px){.content-list{font-size:18px}.content-title{font-size:35px}}@media screen and (max-width:1024px){.content-list{font-size:16px;width:80%}.content{width:90%}.content-ul{text-align:left}.content-ul .content-li{width:90%}}@media screen and (max-width:930px){.content-title{font-size:32px;text-align:center}.content-text{font-size:20px}}@media screen and (max-width:768px){.left-container{width:50%}.content-list{flex-direction:column;justify-content:center;margin-left:50px;width:80%}.content-title{font-size:30px}.illustration{width:70%}}@media screen and (max-width:600px){.container{flex-direction:column-reverse;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;width:100%}.left-container,.right-container{align-items:center;display:flex;height:90vh;justify-content:center;width:100%}.right-container{height:60vh}.illustration{width:60%}.content-list{font-size:18px;margin-left:70px;width:350px}}@media screen and (max-width:450px){.content-list{font-size:16px;margin-left:60px;width:300px}.illustration{width:70%}}@media screen and (max-width:375px){.content-list{font-size:16px;margin-left:30px;width:300px}.content-title{font-size:28px}.content-tagline{font-size:20px}.content-text,.explore{font-size:18px}.explore{padding:10px}}@media screen and (max-width:330px){.content-list{font-size:14px;width:270px}}@media (min-width:768px){.explore{padding:13px 50px}}@media (max-width:425px){.content-ul{padding:0}.content-ul .content-li{margin-left:10px;margin-right:10px}}.container_forecast{align-items:center;background-color:#b5d8ff;display:flex;height:190vh;justify-content:center;width:100%}.container_center{align-content:space-evenly;flex-direction:column;height:100%;justify-content:space-between;width:90%}.container_center,.loader_div{align-items:center;display:flex}.loader_div{background-color:#5c9ce5;height:150vh;justify-content:center;left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.loader_div_none{display:none}.loader_text{color:#fff;font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:700;text-transform:capitalize}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:5px solid;border-color:#fff #fff transparent;border-radius:50%;display:inline-block;height:60px;position:relative;top:45vh;width:60px}.loader,.loader:after{box-sizing:border-box;position:absolute}.loader:after{-webkit-animation:rotationBack .5s linear infinite;animation:rotationBack .5s linear infinite;border:4px solid #b5d8ff;border-radius:50%;border-top-color:transparent;bottom:0;content:"";height:24px;left:0;margin:auto;right:0;top:0;-webkit-transform-origin:center center;transform-origin:center center;width:24px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rotationBack{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes rotationBack{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.container_bottom,.container_top{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-evenly;width:100%}.container_top{background-color:#e4f1ff;border-radius:20px;height:90vh;margin-top:30px}.left_forecast{background:url(/static/media/bgleft.55b41433ca331c7833a4.png);background-color:#5c9ce5;background-position:0;background-repeat:no-repeat;background-size:cover;border-radius:20px;flex-direction:column;height:100%;justify-content:flex-start;position:relative;width:40%}.left_forecast,.search_div{align-items:center;display:flex}.search_div{background-color:#fff;border-radius:30px;height:50px;justify-content:space-between;margin-top:20px;padding:0 10px;width:80%}.search_bar{background-color:initial;border:none;border-radius:5px;color:#090909;font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:600;height:80%;margin-left:10px;overflow-x:hidden;width:90%}input:focus{border:none!important;outline:none!important}input::-webkit-input-placeholder{font-size:20px}input::placeholder{font-size:20px}.search_glass{color:#090909;font-size:20px;opacity:.7}.datetime{align-items:center;flex-direction:row;height:120px;width:80%}.datetime,.datetime_left{display:flex;justify-content:space-between}.datetime_left{align-content:center;align-items:flex-start;flex-direction:column;height:70px}.container_bottom{background-color:#e4f1ff;border-radius:20px;flex-direction:column;height:80vh;justify-content:space-evenly;margin-bottom:30px;width:100%}.container_bottom_2{align-items:center;display:flex;flex-direction:row;height:250px;justify-content:space-between;width:100%}.sunrise_data{background-color:#fff;border-radius:20px;height:90%;margin-left:30px;width:40%}.vline{background-color:#090909;height:70%;opacity:.2;width:2px}.sunrise_title{color:#090909;font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:700}.sunrise_div{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-evenly}.moonrise_right,.sunrise_left{display:flex;flex-direction:column;justify-content:space-evenly;width:45%}.sunrise_temp,.sunrise_temp1{align-items:center;height:50px}.sunrise_temp,.sunrise_temp1{color:#090909!important;display:flex;justify-content:space-between}.sunrise_temp1{align-items:flex-start;height:60px}.sun{height:30px;width:30px}.moon{height:25px;width:25px}.moonrise,.sunrise{height:23px;width:23px}.citytime{font-size:25px;font-weight:700}.citytime,.date{color:#fff;font-family:Nunito Sans,sans-serif}.date{font-weight:600}.date,.time_span{font-size:20px}.temp_div{align-items:center;flex-direction:column;height:150px;justify-content:space-evenly}.temp_div,.temperature{display:flex;font-family:Nunito Sans,sans-serif;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.temperature{align-items:flex-start;color:#fff;font-size:60px;font-weight:800;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:0;position:relative}.location_icon{color:#090909;cursor:pointer;font-size:25px;opacity:.8}.location_icon:hover{color:crimson}.super{cursor:pointer;font-size:30px}.arrow,.icon_daily{color:#090909;font-size:20px;opacity:.7}.day_weather{align-items:center;color:#fff;display:flex;font-family:Nunito Sans,sans-serif;font-size:30px;font-weight:600;height:50px;justify-content:center;margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.weather_icon{height:70px;width:70px}.left_img{height:50%;width:50%}.left_bottom{height:50%;width:100%}.right_forecast{align-content:space-evenly;align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:65%}.dailyForecast{width:95%}.dailyForecast,.dailyForecast1{align-items:center;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;height:250px;justify-content:space-evenly}.dailyForecast1{margin-top:20px;width:90%}.daily_title{flex-direction:row;font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:700;justify-content:space-between;margin:10px 0 0 30px;width:95%}.controlers,.daily_title{align-items:center;color:#090909;display:flex}.controlers{justify-content:space-evenly;width:80px}.arrowL,.arrowR{align-items:center;cursor:pointer;display:flex;font-size:20px;justify-content:center;opacity:.8}.daily_div,.daily_div1{align-content:space-evenly;align-items:center;background-color:#b5d8ff;border-radius:10px;display:inline-flex;flex-direction:column;height:80%;justify-content:space-evenly;margin-left:20px;margin-right:10px;margin-top:20px;width:130px}.dailyForecast_div{height:80%;overflow-x:scroll;position:relative;scroll-behavior:smooth;white-space:nowrap;width:95%}.dailyForecast_div::-webkit-scrollbar{height:10px}.dailyForecast_div::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:100px}.dailyForecast_div::-webkit-scrollbar-thumb{background-color:#c4c4c4;border-radius:100px}.dailyForecast_div::-webkit-scrollbar-thumb:hover{background-color:#bbb;border-radius:100px}.dailyForecast_div::-webkit-scrollbar-button{background-color:initial;display:block;width:10px}.daily_div1{background-color:initial;border:1px dashed rgba(0,0,0,.5);height:80%;transition:all .6s}.daily_div1:hover{background-color:#b5d8ff;cursor:pointer}.daily_div1:first-child{background-color:#b5d8ff;border:none}.daily_date,.daily_day,.daily_temp{color:#090909;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0}.daily_date{color:#090909;font-size:18px;opacity:.7}.daily_day{font-size:20px;font-weight:700}.daily_temp{font-size:25px;font-weight:800}.changeMetric1{color:#fff;opacity:1}.changeMetric2,.changeMetric3{color:#090909;opacity:.6}.changeMetric3{font-weight:500}.weather_icon_daily{height:60px;width:60px}.moreInfo{align-items:center;display:flex;flex-direction:column;height:65%;justify-content:space-evenly;width:95%}.more{font-size:20px}.more,.more1{color:#090909;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0;width:95%}.more1{font-size:25px}.grid_container{align-items:center;display:flex;flex-direction:row;height:160px;justify-content:space-between;width:95%}.grid_div{background-color:#fff;border-radius:20px;flex-direction:column;height:100%;justify-content:space-evenly;width:30%}.grid_div,.more_title{align-items:center;color:#090909;display:flex}.more_title{font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:700;justify-content:space-between;margin:0;width:80%}.metric{font-size:20px;opacity:.8}.more_info_safe{color:#090909;font-family:Nunito Sans,sans-serif;font-size:18px;font-weight:700;margin:0;padding:0}.more_icons{align-items:center;background-color:#5c9ce5;border-radius:10px;color:#fff;display:flex;font-size:16px;height:35px;justify-content:center;margin:0;padding:0;width:35px}.windArrow{color:#5c9ce5;font-size:20px}.more_info,.more_info1{color:#090909;font-family:Nunito Sans,sans-serif;font-size:30px;font-weight:800;margin:0}.more_info1{font-size:20px}.suggestions{background-color:#fff;border-radius:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;top:71px;width:80%;z-index:10}.suggest_ul{align-items:flex-start;display:flex;flex-direction:column;margin:0}.suggest_li{align-items:center;border-bottom:1px solid #5c9ce5;color:#090909;cursor:pointer;display:flex;font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex;padding-bottom:5px;padding-top:10px;width:90%}.suggest_li:last-child{border-bottom:none}.company_name{align-items:center;background-color:hsla(0,0%,100%,.8);border-radius:15px;bottom:-10px;color:#090909;display:flex;font-family:Nunito Sans,sans-serif;font-size:25px;font-weight:800;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:right;padding:5px;position:absolute;right:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.logo{height:50px;width:50px}.airquality_data{align-items:flex-start;border-radius:20px;height:90%;margin-left:0;margin-right:30px;width:53%}.airquality_data,.quality_div{background-color:#fff;display:flex;flex-direction:column;justify-content:space-evenly}.quality_div{align-items:center;border:2px dashed #c4c4c4;border-radius:10px;height:100%;width:120px}.pollutants{color:#090909;font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:700;margin:0 0 0 20px}.airdata_row{align-items:center;display:flex;flex-direction:row;height:70%;justify-content:space-evenly;width:100%}.index_text{font-size:22px}.index_text,.index_value{color:#090909;font-family:Nunito Sans,sans-serif;font-weight:700;margin:0}.index_value{align-items:center;display:flex;flex-direction:column;font-size:25px;width:100%}.index_unit{color:#090909;font-family:Nunito Sans,sans-serif;font-size:18px;font-weight:800;margin:0;opacity:.8}.footer{align-items:center;display:flex;justify-content:center;width:100%}.developer{font-family:Nunito Sans,sans-serif;font-size:20px;margin:0}.developer,.fa-github{color:#090909;font-weight:800;opacity:.8}.fa-github{font-size:25px;transition:all .6s}.fa-github:hover{opacity:1}.link{align-items:center;display:flex;justify-content:center;margin:0;padding:0;text-decoration:none}.airdata_mobile{display:none}@media screen and (max-width:1024px){.container_bottom{height:100vh}.quality_div{height:120px;width:80px}.sun{height:25px;width:25px}.moon{height:20px;width:20px}.moonrise,.sunrise{height:18px;width:18px}.sunrise_title{font-size:16px}}@media screen and (max-width:900px){.container_forecast{height:100%}.container_center{height:210vh}.container_bottom_2{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between}.sunrise_data{height:50vh;margin-left:20px}.more1{margin-left:-40px}.airquality_data{height:50vh;margin-right:20px}.sunrise_div{flex-direction:column}.moonrise_right,.sunrise_left{height:50%;width:90%}.sunrise_left{border-bottom:2px solid rgba(0,0,0,.2)}.sunrise_temp1{align-items:center;justify-content:space-between}.airdata_row{display:none}.airdata_mobile{display:flex;flex-direction:column;height:60vh;width:100%}.airdata_col{align-items:center;display:flex;flex-direction:row;height:140px;justify-content:space-evenly;width:100%}}@media screen and (max-width:768px){.more_icons{display:none}.more_title{font-size:18px;justify-content:center}.grid_div{height:80%}.metric{font-size:18px}.more_info{font-size:25px}.more_info1{font-size:18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.citytime,.more_info1{text-align:center}.company_name{font-size:20px}.logo{height:35px;width:35px}.datetime_left{align-items:center}.more1{margin-left:-30px}.airquality_data{margin-left:10px}}@media screen and (max-width:426px){.sunrise_data{height:240px}.sunrise_temp,.sunrise_temp1{margin-left:0;padding-left:0!important}.sunrise_temp{font-size:18px}.container_top{background-color:initial;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.container_center{height:100%}.left_forecast{height:92vh;width:100%}.right_forecast{align-content:space-between;height:120vh;width:100%}.suggest_li{width:85%}.datetime{height:100px;justify-content:center;width:90%}.datetime_left{height:60px}.day_weather{font-size:25px}.temperature{font-size:50px}.weather_icon{height:50px;width:50px}.temp_div{height:120px}.company_name{font-size:23px;padding:8px;right:10px}.date{padding-left:22px}.dailyForecast1{height:220px;margin-top:30px;width:100%}.daily_div1{margin-left:15px;width:100px}.moreInfo{align-items:center;flex-direction:row;justify-content:space-evenly;padding-top:20px;width:100%}.grid_container{align-items:flex-start;flex-direction:column;height:100%;width:50%}.grid_container_mobile{align-items:flex-end}.grid_div{height:150px;width:90%}.more_title{width:90%}.more1{align-items:center;display:flex;font-size:21px;height:60px;justify-content:flex-start;width:100%}.fa-circle-info{width:25px}.container_bottom{background-color:initial;height:140vh}.dailyForecast{height:220px;width:100%}.container_bottom_2{flex-direction:column;height:100vh;justify-content:space-evenly}.more1{font-size:20px;margin-left:0}.airquality_data,.sunrise_data{margin:0;width:100%}.airquality_data{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.pollutants{padding-top:15px}.developer{font-size:16px}.fa-github{font-size:20px}.airdata_row{display:none}.airdata_mobile{display:flex;flex-direction:column;height:45vh;width:100%}.airdata_col{align-items:center;display:flex;flex-direction:row;height:140px;justify-content:space-evenly;width:100%}.quality_div{height:120px;width:100px}.weather_icon_load{height:30px;width:30px}.index_text{font-size:20px}.index_value{font-size:22px}.index_unit{font-size:16px}}@media screen and (max-width:375px){.icon_daily,.more1{font-size:18px}.developer{font-size:14px}.quality_div{width:110px}.suggestions{width:80%}}@media screen and (max-width:320px){.left_forecast{height:80vh}.icon_daily,.more1{font-size:16px}.quality_div{width:85px}.developer{font-size:13px}.datetime{height:150px}}
/*# sourceMappingURL=main.418a8e2e.css.map*/