@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);body,html{align-items:center;background-color:#028d5f;display:flex;font-family:Montserrat,sans-serif;justify-content:center;margin:0;overflow-x:hidden;padding:0}body{max-width:768px}a,a:active,a:focus,a:hover,a:link,a:visited{-webkit-tap-highlight-color:transparent;color:inherit;margin:0;text-decoration:none}li,ul{list-style:none;margin:0;padding:0}.App{margin-top:50px}#root{height:100%;width:100vw}@media screen and (max-width:960px){.App{margin-top:60px}}.navBar{align-self:center;background-color:#028d5f;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;justify-items:center;max-width:768px;padding:0 10px;position:fixed;top:0;width:100%;z-index:3}.logo-container,.navBar{align-items:center;display:flex}.logo-img{height:30px;width:30px}h1{color:#fff;font-family:Montserrat,sans-serif;font-size:15px!important;margin-left:15px}.menu-icon,.mobile-navUl{display:none}.socials{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:0 12px}.socials-link{background-color:gray;border-radius:50%;box-sizing:border-box;height:36px;padding:6px;width:36px}.navUl{color:#fff;display:flex;flex-wrap:wrap;margin:0;padding:0}.nav-link{font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.9px;margin:0 15px}@media screen and (max-width:1024px){.navBar{padding:0 30px}.nav-link{font-size:10px;margin:0 10px}.navUl>li:last-of-type{padding-left:5px}.navUl{display:none}.menu-icon{color:#fff;cursor:pointer;display:block;font-size:20px}h1{font-size:15px}.logo-img{height:30px;width:30px}.mobile-navUl{align-items:center;background-color:rgba(90,43,72,.8);display:flex;flex-direction:column;gap:calc(100vh - 240px);height:calc(100vh - 45px);padding:40px 0;position:absolute;right:0;top:45px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:45%}.nav-link.mobile{color:#fff;font-size:14px}}@media screen and (max-width:500px){.mobile-navUl{width:50%}.nav-link.mobile{font-size:12px}}@media screen and (min-width:320px){.navBar{height:45px}.mobile-navUl{width:40%}.nav-link.mobile{font-size:11px}}.container{height:100px;overflow:hidden;position:relative;width:100px}.container:after{border-radius:50%;bottom:0;box-shadow:0 300px 0 300px hsla(0,0%,100%,0);content:"";height:100%;position:absolute;width:100%}.slideshow{background-color:#55aff8;height:100%;overflow:hidden;position:relative;width:100%}.imgslide{-webkit-animation:moves 4s linear infinite;animation:moves 4s linear infinite;background:url(/static/media/world-loading.97d8e860e753444949f9.png);background-size:auto 100%;-webkit-filter:invert(48%) sepia(13%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(80%);filter:invert(48%) sepia(13%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(80%);height:100%}@-webkit-keyframes moves{to{background-position:100vw}}@keyframes moves{to{background-position:100vw}}.countries{align-items:center;display:flex;flex-direction:column;gap:18px;justify-content:center;margin-bottom:48px}.select-continent{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:hsla(0,4%,44%,.719);border:none;border-radius:4px;font-size:18px;font-weight:600;outline:none;padding:2px 8px;text-align:center;width:auto;z-index:1}.select-continent,.select-continent option{color:#f5f5f5;font-family:Montserrat,sans-serif}.select-continent option{background-color:#504e4e;border:none;font-size:16px;font-weight:500}.search-filter{background-color:hsla(0,0%,100%,.3);border:none;border-radius:4px;box-sizing:border-box;color:#fff;font-family:Montserrat,sans-serif;font-weight:500;outline:none;padding:4px}.search-filter::-webkit-input-placeholder{color:#fff;font-family:Montserrat,sans-serif;font-weight:500}.search-filter:-ms-input-placeholder{color:#fff;font-family:Montserrat,sans-serif;font-weight:500}.search-filter::placeholder{color:#fff;font-family:Montserrat,sans-serif;font-weight:500}ul.country-list{display:flex;flex-direction:row;flex-wrap:wrap;z-index:2}li.country{align-items:center;background-color:rgba(240,234,236,0);border:1px solid hsla(0,0%,100%,.05);box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;width:50%}li.country:active{-webkit-tap-highlight-color:rgb(0,0,0)}.country-info-small{align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-top:auto;width:100%}.country-info-small span{text-align:center;width:100%}li.country img{margin-left:4px;margin-top:4px;width:30%}@media screen and (min-width:425px){li.country{width:33.3333%}}@media screen and (min-width:720px){li.country{width:25%}}@media screen and (max-width:300px){li.country{width:100%}}.dmg-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:100}.dmg-container>*{height:inherit;position:inherit;width:inherit;z-index:inherit}.country-info{align-items:center;color:#fff;display:flex;flex-direction:column;font-weight:500;gap:32px;justify-content:flex-start}.return{box-sizing:border-box;line-height:150%;padding:0 8px;text-align:center;width:100%}.continent-btn{background-color:rgba(139,0,0,.4);border-radius:3px;box-sizing:border-box;padding:4px}.country-path{width:auto}.data{align-items:center;display:flex;flex-direction:column;gap:8px;width:80%}.datetime{font-size:10px}.country-flag{border-radius:6px;height:auto;width:120px}.pollution-data{align-items:center;display:flex;flex-direction:column;gap:8px}span.status{background-color:#000a;border-radius:8px;box-sizing:border-box;font-weight:900;padding:4px}.compounds{flex-wrap:wrap;height:auto;width:100%}.compound,.compounds{display:flex;justify-content:center}.compound{align-items:center;background-color:rgba(231,47,47,0);border:1px solid rgba(212,20,20,.2);border-radius:8px;box-sizing:border-box;flex-direction:column;padding:3%;position:relative;text-align:center;width:48.43%}.compound span{font-weight:600;vertical-align:middle;width:100%}.compound:nth-child(4n-3){background-color:hsla(0,12%,94%,.5)}.compound:nth-child(4n+4){background-color:rgba(230,88,84,.5)}
/*# sourceMappingURL=main.01457c4b.css.map*/