@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{--light: 300;--regular: 400;--semibold: 600;--extrabold: 800;--grey-50: hsl(0, 0%, 99%);--grey-100: hsl(0, 0%, 88%);--grey-250: hsl(0, 0%, 77%);--grey-300: hsl(0, 0%, 70%);--grey-350: hsl(0, 0%, 59%);--grey-400: hsl(0, 0%, 50%);--grey-950: hsl(200, 15%, 8%);--blue-900: hsl(209, 23%, 22%);--blue-950: hsl(207, 26%, 17%);--white: hsl(0, 100%, 100%);--black: hsl(0, 0%, 0%);--space-0: 0;--space-25: .125rem;--space-50: .25rem;--space-100: .5rem;--space-150: .75rem;--space-175: .875rem;--space-200: 1rem;--space-225: 1.125rem;--space-250: 1.25rem;--space-300: 1.5rem;--space-400: 2rem;--space-500: 2.5rem;--space-600: 3rem;--space-700: 3.5rem;--space-800: 4rem;--space-900: 4.5rem;--space-1000: 5rem;--space-1050: 5.5rem;--space-1100: 6rem;--space-1400: 7rem;--space-1500: 7.5rem}@keyframes pulsate{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes move-in{0%{translate:0 -100%}to{translate:0 0}}@keyframes circle-in{0%{clip-path:circle(0% at 50% 0%)}to{clip-path:circle(120% at 50% 0%)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-color-scheme: light){:root{--theme: ☀️;color-scheme:light}}@media (prefers-color-scheme: dark){:root{--theme: 🌙;color-scheme:dark}}body{color-scheme:light;--clr-body-bg: var(--grey-50);--clr-card-bg: var(--white);--clr-text: var(--grey-950);--clr-header: var(--white);--clr-button-txt: var(--blue-900);--clr-button-bg: var(--white);--clr-shadow: 0, 0, 0;--clr-shadow-alpha: .1;--clr-filter-bg: var(--white)}@container style(--theme: 🌙){body{color-scheme:dark;--clr-body-bg: var(--blue-950);--clr-card-bg: var(--blue-900);--clr-text: var(--white);--clr-header: var(--blue-900);--clr-button-txt: var(--white);--clr-button-bg: var(--blue-900);--clr-shadow: 0, 0, 0;--clr-shadow-alpha: .2;--clr-filter-bg: var(--blue-900)}}body{font-family:Nunito Sans,sans-serif;font-size:1.125rem;color:var(--clr-text);background-color:var(--clr-body-bg)}img{max-width:100%;display:block}a:link,a:visited{color:var(--clr-button-txt)}*,*:before,*:after{margin:0;box-sizing:border-box}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.55;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ul{list-style:none;padding:0}a{text-decoration:none}a:focus-visible{outline:0}.btn{box-shadow:0 0 var(--space-150) rgba(var(--clr-shadow),var(--clr-shadow-alpha));font-size:var(--space-175);line-height:2.25;font-weight:var(--light);display:inline-flex;align-items:center;gap:var(--space-100);color:var(--clr-button-txt);background-color:var(--clr-button-bg);padding-inline:var(--space-400);text-decoration:none;cursor:pointer;border:0;border-radius:var(--space-25);position:relative}.btn:focus{box-shadow:0 0 var(--space-150) rgba(var(--clr-shadow),var(--clr-shadow-alpha));outline:0}.btn__icon{width:var(--space-200);height:var(--space-200);fill:currentColor}.btn--mode{font-size:var(--space-200);line-height:2;font-weight:var(--semibold);box-shadow:none;background-color:transparent;padding:0}@media (max-width: 35em){.btn--mode span{display:none}}.btn--mode:focus{outline:none;box-shadow:none}.articles{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-400);margin-block-start:var(--space-700)}@media (max-width: 50em){.articles{gap:var(--space-200)}}.article{background-color:var(--white);border-radius:var(--space-50);overflow:hidden}.article__image{height:12.5rem;object-fit:cover}.article__content{padding:var(--space-300) var(--space-250)}@media (max-width: 50em){.article__content{padding:var(--space-300) var(--space-500)}}@media (max-width: 35em){.article__content{padding-inline:var(--space-400)}}.article__author{margin-block-end:var(--space-200)}.article__title{color:var(--blue-950);margin-block-end:var(--space-100)}.countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:clamp(var(--space-200),4vw,var(--space-900));padding-block-end:var(--space-600)}@media (max-width: 50em){.countries{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));padding-inline:var(--space-500)}}.country{box-shadow:0 0 var(--space-150) rgba(var(--clr-shadow),var(--clr-shadow-alpha));display:grid;background-color:var(--clr-card-bg);border-radius:var(--space-50);overflow:hidden;position:relative;transition:transform .1s;will-change:transform}.country:hover{box-shadow:0 0 var(--space-300) rgba(var(--clr-shadow),.2);transform:translateY(calc(-1 * var(--space-50)))}.country:focus-within{box-shadow:0 0 var(--space-150) rgba(var(--clr-shadow),var(--clr-shadow-alpha));transform:scale(1.05)}.country__img-placeholder{aspect-ratio:3/2;overflow:hidden;background-color:var(--grey-250);animation:pulsate 2s infinite}.country__link{position:absolute;inset:0}.country__img{aspect-ratio:3/2;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center}.country__text-placeholder{background-color:var(--grey-100);width:100%;height:1.25rem;border-radius:var(--space-50);animation:pulsate 2s infinite}.country__content{padding:var(--space-300) var(--space-300) var(--space-600) var(--space-300);align-self:flex-end}.country__content div{display:grid;gap:var(--space-100);margin-top:var(--space-200)}.country__content--placeholder p{width:70%}.country__content--placeholder p:not(:nth-child(1)){width:50%}.country h2{font-size:var(--space-225);line-height:1.45;font-weight:var(--extrabold);min-height:1.625rem}.country p{font-size:var(--space-175);line-height:1.45;font-weight:var(--regular);height:1.25rem}.country-page{font-size:var(--space-200);line-height:2;font-weight:var(--light);display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2rem,6vw,7.5rem);padding-block-end:var(--space-300)}@media (max-width: 50em){.country-page{grid-template-columns:auto}}.country-page__heading{font-size:var(--space-400);line-height:1.375;font-weight:var(--extrabold)}.country-page__img{box-shadow:0 0 var(--space-150) rgba(var(--clr-shadow),var(--clr-shadow-alpha));border-radius:1rem}.country-page__content{display:grid;align-content:center;gap:var(--space-300)}.country-page__description{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 35em){.country-page__description{grid-template-columns:auto;gap:var(--space-400)}}.country-page__border-countries{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-200)}@media (max-width: 35em){.country-page__border-countries{grid-template-columns:auto}}.country-page__border-countries>div:nth-of-type(2){display:flex;flex-wrap:wrap;gap:var(--space-200)}.country-page strong{font-size:var(--space-200);line-height:2;font-weight:var(--semibold)}.filter{display:flex;justify-content:space-between;padding-block:var(--space-600);gap:var(--space-100)}@media (max-width: 35em){.filter{flex-direction:column;padding-block:var(--space-300);gap:var(--space-500)}}.back{padding-block:var(--space-1000)}@media (max-width: 50em){.back{padding-block:var(--space-700)}}@media (max-width: 35em){.back{padding-block:var(--space-500)}}.input-container{position:relative;width:min(100%,30rem);color:var(--grey-400)}.input-container__icon{position:absolute;top:50%;left:var(--space-400);transform:translateY(-50%);width:var(--space-200);height:var(--space-200);fill:currentColor}.input{box-shadow:0 0 var(--space-150) rgba(var(--clr-shadow),var(--clr-shadow-alpha));font-size:var(--space-175);line-height:1.45;font-weight:var(--regular);border:none;height:var(--space-700);border-radius:var(--space-50);padding-inline-start:var(--space-900);display:flex;background-color:var(--clr-filter-bg);width:100%;color:var(--clr-button-txt)}.input::placeholder{color:var(--grey-400)}.input:focus{box-shadow:0 0 var(--space-300) rgba(var(--clr-shadow),.2);outline:0}.dropdown{position:relative}.dropdown__btn{box-shadow:0 0 var(--space-150) rgba(var(--clr-shadow),var(--clr-shadow-alpha));font-size:var(--space-175);line-height:1.45;font-weight:var(--regular);border-radius:var(--space-50);padding-inline:var(--space-300);background-color:var(--clr-filter-bg);text-transform:capitalize;color:var(--clr-button-txt);border:none;height:var(--space-700);display:flex;width:12.5rem;align-items:center;justify-content:space-between;cursor:pointer}.dropdown__btn:hover,.dropdown__btn:focus{box-shadow:0 0 var(--space-300) rgba(var(--clr-shadow),.2);outline:0}.dropdown__icon{width:var(--space-200);height:var(--space-200);fill:currentColor;transition:transform .2s}.dropdown__icon--open{transform:rotate(180deg)}.dropdown__menu{box-shadow:0 0 var(--space-150) rgba(var(--clr-shadow),var(--clr-shadow-alpha));font-size:var(--space-175);line-height:1.45;font-weight:var(--regular);border-radius:var(--space-50);padding-inline:var(--space-300);background-color:var(--clr-filter-bg);width:12.5rem;text-transform:capitalize;color:var(--clr-button-txt);padding-block:var(--space-200);position:absolute;top:4rem;z-index:1}.dropdown__item{height:var(--space-400);cursor:pointer;transition:transform .2s}.dropdown__item:hover{transform:translate(var(--space-25))}.header{box-shadow:0 0 var(--space-150) rgba(var(--clr-shadow),var(--clr-shadow-alpha));position:relative;background:var(--clr-header)}.header__container{display:flex;align-items:center;justify-content:space-between;height:var(--space-1000)}@media (max-width: 50em){.header__container{height:var(--space-800)}}.header__title{font-size:var(--space-300);line-height:1.375;font-weight:var(--extrabold)}@media (max-width: 50em){.header__title{font-size:var(--space-225);line-height:1.45;font-weight:var(--extrabold)}}.container{max-width:80rem;padding-inline:var(--space-200);margin-inline:auto}@media (max-width: 50em){.container{padding-inline:var(--space-500)}}@media (max-width: 35em){.container{padding-inline:var(--space-200)}}