@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@import url(https://fonts.cdnfonts.com/css/gill-sans);*,:after,:before{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;background-color:#e6e4e4;color:#fff;display:flex;flex-direction:column;font-family:Gill Sans,sans-serif;font-size:1rem;font-weight:300;justify-content:flex-start;letter-spacing:normal;line-height:1.2rem;text-transform:normal}body #root{-webkit-background:radial-gradient(circle,#0a213a 0,#07162c 20%,#021025 40%,#010b19 60%,#02050e 80%);-moz-background:radial-gradient(circle,#0a213a 0,#07162c 20%,#021025 40%,#010b19 60%,#02050e 80%);-o-background:radial-gradient(circle,#0a213a 0,#07162c 20%,#021025 40%,#010b19 60%,#02050e 80%);-ms-background:radial-gradient(circle,#0a213a 0,#07162c 20%,#021025 40%,#010b19 60%,#02050e 80%);background:radial-gradient(circle,#0a213a 0,#07162c 20%,#021025 40%,#010b19 60%,#02050e 80%);box-shadow:0 0 5px #02050e;margin:0 auto;max-width:500px;min-height:100vh;padding:60px 0 40px;position:relative;width:100%}body h1,body h2,body h3{line-height:normal}body h1{font-size:1.5rem}body h1,body h2{text-transform:uppercase}body h2{font-size:1.35rem}body h3{font-size:1.2rem}body main{align-items:flex-start;flex-direction:column;justify-content:flex-start;width:100%}body main,body main .loading-message{align-items:center;display:flex;justify-content:center}body main .loading-message{height:calc(100vh - 60px)}body main .loading-message h1{font-weight:300;text-transform:none}body .btn__nav{all:unset;align-items:center;color:#fff;cursor:pointer;display:flex;font-family:Lato,sans-serif;font-size:1.25rem;justify-content:center;margin-left:1rem;padding:.4rem .5rem;transition:color .25s ease-in}@media(min-width:43.75rem){body .btn__nav:hover{color:#00b4d8}}body .btn__back{margin-left:0;margin-right:auto}body section{align-items:flex-start;align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem 5%;width:100%}body section .section__title{font-weight:300;text-align:center}body .desc__small{font-size:.8rem}header{-webkit-background:#02050e;-moz-background:#02050e;-o-background:#02050e;-ms-background:#02050e;background:#02050e;box-shadow:0 1px 5px #02050e;justify-content:center;position:fixed;top:0;z-index:10}.navbar__box,header{display:flex;max-width:500px;width:100%}.navbar__box{align-items:flex-start;align-items:center;flex-direction:row;height:60px;justify-content:flex-start;justify-content:flex-end;padding:.5rem 5%}.home__main{position:relative}.home__main .home__ppt{bottom:0;left:15%;position:absolute;right:15%;text-align:center}.home__main .home__ppt h2{color:#00b4d8}.home__main .home__ppt>*{margin-bottom:.5rem}.home__main .home__graph{fill:rgba(0,180,216,.25);max-width:350px;width:80%}input{background-color:transparent;border:none;border-radius:20px;color:#fff;font-family:Gill Sans,sans-serif;font-size:1rem;font-style:italic;font-weight:300;letter-spacing:normal;line-height:1.2rem;outline:1px solid rgba(0,180,216,.5);padding:.5rem 1rem;text-transform:normal;width:100%}input:focus{outline:1px solid rgba(0,180,216,.6)}.search__list{list-style:none;width:100%}.search__list .search__list-item{align-items:flex-start;border:1px solid rgba(0,180,216,.25);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;margin:.5rem 0;padding:1rem}.search__list .search__list-item>*{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start}.search__list .search__list-item .item__location{width:90%}.search__list .search__list-item .item__location h3{text-transform:uppercase}.search__list .search__list-item .item__more{align-self:center;width:10%}.search__list .search__list-item .item__more .btn__nav{margin-left:0}.forecast__list{flex-direction:row;flex-wrap:nowrap;font-family:Gill Sans,sans-serif;font-size:.875rem;font-weight:100;list-style:none;overflow:auto;padding-bottom:.25rem;scrollbar-color:#001d3d #003566;scrollbar-width:thin;width:100%}.forecast__list,.forecast__list>*{align-items:flex-start;display:flex;justify-content:flex-start}.forecast__list>*{align-items:center;color:#00b4d8;flex-direction:column;justify-content:center;min-width:5rem;padding:.5rem .25rem}.forecast__list>* .aqi-info{align-items:center;display:flex;justify-content:space-around;margin-top:.5rem;width:100%}.forecast__list>* .aqi-info svg{display:block;height:10px;width:10px}.forecast__list>:first-child{color:rgba(0,180,216,.5)}.forecast__list::-webkit-scrollbar-thumb{background-color:#001d3d;border-radius:20px}.forecast__list::-webkit-scrollbar{height:.25rem}.forecast__list::-webkit-scrollbar-track{background:#003566}@media(min-width:440px){.section__detail-forecast .forecast__list-days{justify-content:center}}.section__detail-gral{margin:0 auto;row-gap:1rem}.section__detail-gral,.section__detail-gral>*{align-items:flex-start;align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.section__detail-gral>*{row-gap:1.5rem;width:80%}.section__detail-gral .gral__location{row-gap:.25rem}.section__detail-gral .gral__aqi>*{row-gap:1rem;text-align:center;width:100%}.section__detail-gral .gral__aqi .aqi__name{font-size:2rem;font-weight:500;line-height:1;text-transform:uppercase}.section__detail-gral .gral__aqi .aqi__graph{align-items:flex-start;align-items:center;display:flex;flex-direction:row;justify-content:flex-start;justify-content:center}.section__detail-gral .gral__aqi .aqi__graph>*{display:flex;justify-content:center;width:50%}.section__detail-gral .gral__aqi .aqi__date{font-size:1.2rem;font-weight:300}.section__detail-gral .graph__thermometer svg{display:block;height:150px}.section__detail-gral .graph__thermometer svg path{fill:#00b4d8}.section__detail-gral .graph__thermometer svg .path-bar,.section__detail-gral .graph__thermometer svg .path-container{stroke:#00b4d8}.section__detail-gral .graph__thermometer svg .cls-4,.section__detail-gral .graph__thermometer svg .path-bar{stroke-miterlimit:11.34}.section__detail-gral .graph__thermometer svg .path-bar{stroke-width:8.14px}.section__detail-gral .graph__thermometer svg .path-aqi-base{fill:transparent;fill-rule:evenodd;-webkit-animation:pathAqiBase .5s linear forwards;animation:pathAqiBase .5s linear forwards;opacity:0}.section__detail-gral .graph__thermometer svg .path-container,.section__detail-gral .graph__thermometer svg .path-cristal{fill:none;stroke-linecap:round;stroke-linejoin:round}.section__detail-gral .graph__thermometer svg .path-container{stroke-width:10px}.section__detail-gral .graph__thermometer svg .path-cristal{stroke:#fff;stroke-width:6.01px}.section__detail-gral .graph__thermometer svg .line-aqi-index{stroke-dasharray:500;stroke-width:48px;stroke:transparent}@-webkit-keyframes pathAqiBase{0%{opacity:0}to{opacity:1}}@keyframes pathAqiBase{0%{opacity:0}to{opacity:1}}.section__detail-gral .graph__face{height:100px}.section__detail-components{row-gap:.5rem}.section__detail-components .components__container{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.section__detail-components .components__container .component__item{background-color:#001d3d;color:#fff;padding:1rem}.section__detail-components .components__container .component__item,.section__detail-components .components__container .component__item>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.section__detail-components .components__container .component__item .item__details{margin-bottom:.75rem}.section__detail-components .components__container .component__item .item__details .details__name{color:#00b4d8;font-size:1.17rem;font-weight:500;text-transform:uppercase}.section__detail-components .components__container .component__item .item__measure{align-items:center}.section__detail-components .components__container .component__item .item__measure .measure__amount{font-size:1.5rem}.section__detail-components .components__container .component__item .item__measure .measure__unit{font-size:.875rem}.section__detail-components .components__container .component__item:nth-child(4n+1),.section__detail-components .components__container .component__item:nth-child(4n+4){background-color:#003566}@media(min-width:35.25rem){.section__detail-components .components__container .component__item{align-items:flex-start;align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.section__detail-components .components__container .component__item .item__details{margin-bottom:0;width:60%}.section__detail-components .components__container .component__item .item__measure{width:40%}}.aqi-index-color-green{stroke:green!important;fill:green!important}.aqi-index-color-yellow{stroke:#ff0!important;fill:#ff0!important}.aqi-index-color-orangered{stroke:#ff4500!important;fill:#ff4500!important}.aqi-index-color-red{stroke:red!important;fill:red!important}.aqi-index-color-purple{stroke:purple!important;fill:purple!important}
/*# sourceMappingURL=main.78707abd.css.map*/