html{font-size:62.5%}@media only screen and (max-width:75em){html{font-size:56.25%}}body{background-color:#fafafa;background-color:var(--color-bg);color:#111517;color:var(--color-text);font-family:Nunito Sans,sans-serif;font-family:var(--font-primary);font-size:1.8rem;font-size:var(--font-size);font-weight:600;line-height:165%}.container{margin:0 auto;max-width:130rem;max-width:var(--max-width);padding:0 3%}.btn,.btn:link,.btn:visited{background:none;border:none;cursor:pointer;display:inline-block;outline:none!important;padding:1rem 2rem;text-decoration:none;transition:all .2s}.country-info{font-size:1.4rem;list-style:none;text-transform:capitalize}@media only screen and (max-width:71.875em){.country-info__left{margin-bottom:3rem}}.country-info__container{display:flex;justify-content:space-between;margin-bottom:2rem}@media only screen and (max-width:71.875em){.country-info__container{flex-direction:column;margin-bottom:2.5rem}}.country-info .item{margin-bottom:-.5rem}.country-info .item__heading{display:inline;font-size:1em;font-weight:600}.country-info .item__value{font-weight:300}.country-info--lg{display:flex;flex-direction:column;font-size:1.6rem;height:90%}.country-info--lg .item{margin-bottom:.25rem}*,:after,:before{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;margin:0;padding:0}.card{background-color:var(--color-primary);border-radius:4px;box-shadow:2px 5px 10px 5px #00000008;overflow:hidden;transition:transform .2s}.card:focus,.card:hover{box-shadow:5px 5px 10px 5px #0000000f}.country{cursor:pointer;max-width:28rem;width:100%}.country:focus,.country:hover{box-shadow:5px 5px 10px 5px #0000000f;transform:translateY(-8px)}.country:active{transform:translateY(-3px)}.country__figcaption{margin-bottom:1.5rem;padding:2.5rem}.country__flag{display:block;width:100%}.country__name{font-size:1.8rem;margin-bottom:.5rem}.error{text-align:center;width:100%}.error__text{font-size:3rem;line-height:1.3;margin-top:3rem}.error__img{display:block;margin:-6rem auto -8rem;width:46%}@media only screen and (max-width:71.875em){.error__img{width:60%}}@media only screen and (max-width:56.25em){.error__img{margin:-5rem auto;width:75%}}@media only screen and (max-width:42.5em){.error__img{margin:-3rem auto;width:85%}}@media only screen and (max-width:30.3125em){.error__img{margin:0 auto;width:100%}}.error__img--default{margin:1.5rem auto 0}.error__img--fix{display:block;margin:-3rem auto;width:50%}@media only screen and (max-width:71.875em){.error__img--fix{width:70%}}@media only screen and (max-width:56.25em){.error__img--fix{margin:0 auto;width:80%}}@media only screen and (max-width:42.5em){.error__img--fix{width:90%}}@media only screen and (max-width:30.3125em){.error__img--fix{width:100%}}.error a{color:#afafaf;display:block;font-size:.7rem;margin-top:-2.5rem;text-transform:capitalize}.spinner{animation:spin .8s ease-in-out infinite;border:3px solid var(--color-primary);border-radius:50%;border-top-color:var(--color-text);display:inline-block;height:5rem;width:5rem}@keyframes spin{to{transform:rotate(1turn)}}.center{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.main{grid-gap:7rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));justify-content:space-between;justify-items:center;margin:0 auto 10rem;max-width:130rem;max-width:var(--max-width);position:relative}.main--lg{min-height:60vh}@media only screen and (max-width:42.5em){.main{grid-gap:4rem}}.filter__label{cursor:pointer;display:block;padding:2px 20px;width:100%}.filter__label:first-child{padding-top:4px}.filter__label:last-child{padding-bottom:4px}.filter__label:focus,.filter__label:hover{background-color:#0000001a}.filter__input{display:none}.select{font-size:1.4rem;margin-left:2rem;max-width:19rem;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:10}@media only screen and (max-width:30.3125em){.select{font-size:1.5rem;margin-left:0}}.select__header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 2rem;text-transform:capitalize}.select__options{left:0;position:absolute;text-transform:capitalize;top:5.75rem;width:100%}.search-bar{align-items:center;display:flex;max-width:40rem;padding:.75rem 1.5rem .75rem 2rem;width:100%}@media only screen and (max-width:30.3125em){.search-bar{margin-bottom:2rem;max-width:100%}}.search-bar__input{background:none;border:none;color:#111517;color:var(--color-text);font-size:1.5rem;outline:none;padding:1rem 1rem 1rem 1.5rem;width:100%}@media only screen and (max-width:30.3125em){.search-bar__input{font-size:1.6rem}}.search-bar__input::placeholder{color:#64748b;color:var(--color-grey)}.cancel-btn{color:#111517;color:var(--color-text);font-size:18px;margin-top:.5rem;padding:0}.form{display:flex;justify-content:space-between;margin:4rem auto 5rem;max-width:130rem;max-width:var(--max-width);position:relative;z-index:5}@media only screen and (max-width:30.3125em){.form{flex-direction:column}}.form ion-icon.dark{color:#111517;color:var(--color-text)}.link-btn,.link-btn:link,.link-btn:visited{background:none;background-color:#fff;background-color:var(--color-primary);border:none;border-radius:4px;box-shadow:0 1px 10px #00000026;color:#111517;color:var(--color-text);cursor:pointer;outline:none!important;text-decoration:none;transition:all .2s}.link-btn ion-icon,.link-btn:link ion-icon,.link-btn:visited ion-icon{margin-right:10px}.link-btn--btn{align-items:center;display:flex;font-size:1.4rem;padding:10px 25px;width:120px}.link-btn--link{display:inline-block;font-size:1.2rem;margin:0 .5rem 1rem;padding:3px 25px}@media only screen and (max-width:71.875em){.link-btn--link:first-child{margin-left:0}}.link-btn:focus,.link-btn:hover{box-shadow:0 4px 15px #00000026;outline:none;transform:translateY(-3px)}.link-btn:active{box-shadow:0 4px 12px #00000026;transform:translateY(-1.5px)}.not-found{height:100%;min-height:90vh}@media only screen and (max-width:56.25em){.not-found{min-height:85vh}}.country-details{height:100%;min-height:80vh}@media only screen and (max-width:56.25em){.country-details{min-height:85vh}}.country-details__main{display:flex}@media only screen and (max-width:56.25em){.country-details__main{flex-direction:column;margin-bottom:5rem}}.country-details__flag{align-self:flex-start;margin-right:10rem;width:40%}@media only screen and (max-width:71.875em){.country-details__flag{margin-right:6rem;width:50%}}@media only screen and (max-width:56.25em){.country-details__flag{margin-bottom:5rem;width:100%}}.country-details__content{padding:2rem 0;width:100%}@media only screen and (max-width:71.875em){.country-details__content{padding:0}}.country-details__name{font-size:3.2rem;margin-bottom:3rem}@media only screen and (max-width:56.25em){.country-details__name{font-size:3rem;margin-bottom:2.5rem}}@media only screen and (max-width:30.3125em){.country-details__name{font-size:2.6rem;margin-bottom:2rem}}.country-details__btn{margin:6rem 0 7rem}@media only screen and (max-width:56.25em){.country-details__btn{margin:4rem 0 6rem}}.country-details__border{margin-top:auto}@media only screen and (max-width:71.875em){.country-details__border{display:flex;flex-direction:column}.country-details__border :first-child{margin-bottom:1rem}}:root{--font-primary:"Nunito Sans",sans-serif;--font-size:1.8rem;--color-bg:#fafafa;--color-primary:#fff;--color-grey:#64748b;--color-text:#111517;--max-width:130rem}.dark-theme{--color-bg:#202c37;--color-primary:#2b3945;--color-grey:#cbd5e1;--color-text:#fff}@media(prefers-color-scheme:dark){:root{--color-bg:#202c37;--color-primary:#2b3945;--color-grey:#cbd5e1;--color-text:#fff}.dark-theme{--color-bg:#fafafa;--color-primary:#fff;--color-grey:#64748b;--color-text:#111517}}.header{background-color:#fff;background-color:var(--color-primary);box-shadow:3px 3px 5px #0000000d}.header__content{display:flex;justify-content:space-between;padding:1.75rem 3%}@media only screen and (max-width:42.5em){.header__content{padding:2rem 3%}}.header__heading{align-self:center;font-size:2.4rem;font-weight:800}.header__heading>*{color:#111517;color:var(--color-text);text-decoration:none}@media only screen and (max-width:42.5em){.header__heading{font-size:2rem}}.header__btn{color:#111517;color:var(--color-text);display:flex;font-size:1.5rem;justify-content:space-between;padding-right:0;width:11.75rem}@media only screen and (max-width:30.3125em){.header__btn{font-size:1.4rem;width:11rem}}.header__btn ion-icon{font-size:1.5rem}.header__btn ion-icon[name=moon]{color:#111517;color:var(--color-text)}.footer{bottom:1vh;color:#a9a9a9;font-size:1.2rem;left:0;margin-top:auto;text-align:center;width:100%}.footer a{color:currentColor;text-decoration:none}.footer a.name{font-weight:700}.App{height:100%}
/*# sourceMappingURL=main.7b2c04b2.css.map*/