*{box-sizing:border-box;padding:0;margin:0;font-family:Nunito Sans,sans-serif;font-size:.875rem}body.dark{background-color:#202c37;color:#fff}.nav-bar{display:flex;padding:2rem;background-color:#fff;justify-content:space-between;box-shadow:0 8px 8px #0000000a,0 6px 20px #0000000f}@media (min-width: 768px){.nav-bar{padding:2rem 5rem}}.nav-bar__heading{font-size:1.5rem;font-weight:800}.nav-bar__wrap{display:flex;align-items:center;border:none;gap:.5rem;background-color:#fff;font-weight:600;cursor:pointer}.nav-bar__wrap.dark{background:hsl(209,23%,22%);color:#fff}.nav-bar__moon{width:1rem}.nav-bar.dark{background-color:#2b3945;color:#fff}.nav-bar__wrap:hover{opacity:.8;transform:scale(1.05)}.home,body{background-color:#fafafa}@media (min-width: 768px){.flag-list{padding:1rem 3rem}}.flag-list.dark{background-color:#202c37}.flag-list__container{display:flex;flex-direction:column}@media (min-width: 768px){.flag-list__container{flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;gap:1rem}}a{text-decoration:none;color:#000}.card{background-color:#fff;width:80%;margin:2rem auto;border-radius:.4rem;box-shadow:0 8px 8px #0000,0 6px 20px #0000000f}@media (min-width: 768px){.card{width:19%;margin:2rem}}.card.dark{background-color:#2b3945;color:#fff}.card__img{width:100%;border-radius:.4rem .4rem 0 0}@media (min-width: 768px){.card__img{height:10rem;object-fit:cover}}.card__text-container{padding:1rem 1rem 2rem}.card__header{padding-bottom:1rem;font-size:1.2rem}.card__header.dark{color:#fff}.card__text{padding-bottom:.2rem}.card__text.dark{color:#fff}.card__text-bold{font-weight:600}.card__text :last-child{padding-bottom:2rem}*{list-style:none}.filter{padding:0 1rem}@media (min-width: 768px){.filter{padding:2rem 5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}}.filter.dark{background-color:#202c37;color:#fff}.filter__search{width:100%;padding:1rem 4.5rem;margin-top:2rem;background-repeat:no-repeat;background-size:1rem;border:none;border-radius:.4rem;box-shadow:0 8px 8px #0000,0 6px 20px #0000000f;background-image:url(/assets/search-45ebd17b.svg);background-position:5%}@media (min-width: 768px){.filter__search{width:40%;height:2.5rem;padding:2rem 3.5rem}}.filter__search.dark{background-color:#2b3945;color:#fff;background-image:url(/assets/white-search-616f4005.png)}.filter__search.dark::placeholder{color:#fff}.filter__dropdown{padding-top:2rem}@media (min-width: 768px){.filter__dropdown{display:flex;justify-content:flex-end;width:37%;padding-top:0}}.filter__dropdown-toggle{background-color:#fff;text-align:left;padding:1.3rem;background-repeat:no-repeat;background-size:1rem;border:none;border-radius:.4rem;box-shadow:0 8px 8px #0000,0 6px 20px #0000000f;background-image:url(/assets/arrow-up-f2839716.svg);background-position:90%;width:50%}.filter__dropdown-toggle.dark{background-color:#2b3945;color:#fff}.filter__dropdown-toggle-down{cursor:pointer;background-image:url(/assets/arrow-down-e4da000b.svg)}.filter__list{width:60%;margin-top:.3rem;position:absolute;border-radius:.4rem;box-shadow:0 8px 8px #0000001a,0 6px 20px #0000000f}.filter__list :first-child{padding-top:.8rem;border-radius:.4rem .4rem 0 0}.filter__list :last-child{padding-bottom:.8rem;border-radius:0 0 .4rem .4rem}@media (min-width: 768px){.filter__list{margin-top:4.2rem;width:16.7%}}.filter__list.dark{background-color:#202c37;color:#fff}.filter__list-item{background-color:#fff;padding:.2rem 2rem .2rem 1rem;cursor:pointer}.filter__list-item.dark{background-color:#2b3945;color:#fff}.filter__list-item--active{background-color:#fafafa;color:#858585}.filter__list-item:hover{background-color:#fafafa}.filter__list-item:hover.dark{background-color:#202c37}p{font-size:.8rem}@media (min-width: 768px){p{font-size:1rem}}@media (min-width: 768px){h3{display:none}}.details{padding:2.5rem 2rem}.details.dark{background-color:#202c37}.details-link{display:flex;width:max-content}.details-link :hover{opacity:.8;font-weight:600}@media (min-width: 768px){.details-link{margin:1rem 3rem;justify-content:flex-start}}.details-link__image{width:2rem;display:flex;align-items:center}.details-link__btn{border-radius:.2rem;width:6rem;padding:.2rem 2rem;gap:.5rem;border:none;background-color:#fff;box-shadow:0 0 1.8rem #0000001a,0 6px 20px #0000000f;display:flex;align-items:center;justify-content:space-evenly;cursor:pointer}.details-link__btn.dark{background-color:#2b3945;box-shadow:none;color:#fff}@media (min-width: 768px){.details-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}}.details-container__img-wrapper{margin:2rem 0;box-shadow:0 0 1.8rem #0000001a,0 6px 20px #0000000f}@media (min-width: 768px){.details-container__img-wrapper{width:50%}}@media (min-width: 768px){.details-container__wrapper{width:50%;padding:0 2rem}}.details-container__img{width:100%}@media (min-width: 768px){.details-container__img{height:50vh;object-fit:cover}}.details-container__header{padding-bottom:1rem}@media (min-width: 768px){.details-container__header{font-size:2rem}}@media (min-width: 768px){.details-container__info{display:flex;justify-content:space-between}}.details-container__info-wrapper{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0}.details-container__info-wrapper-bold{font-weight:600}.details-container__more-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0 2.5rem}.details-container__more-info-bold{font-weight:600}.details-container__btn-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;padding:1rem 0}@media (min-width: 768px){.details-container__btn-wrapper{align-items:center}}.details-container__country-border{display:none}@media (min-width: 768px){.details-container__country-border{display:flex;font-weight:600}}.details-container__btn{width:6rem;padding:.2rem 2rem;gap:.5rem;border:none;background-color:#fff;box-shadow:0 0 1.8rem #0000001a,0 6px 20px #0000000f;display:flex;align-items:center;justify-content:space-evenly;font-size:.6rem;transition:all .2s ease-in-out;cursor:pointer}.details-container__btn.dark{background-color:#2b3945;color:#fff;box-shadow:none}.details-container__btn:hover{transform:scale(1.2);opacity:.8;font-weight:700}