@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200..1000&display=swap";:root{--bg: hsl(0, 0%, 99%);--text:hsl(207, 26%, 17%);--element: hsl(0, 100%, 100%);--input: hsl(0, 0%, 50%)}body.dark{--bg: hsl(207, 26%, 17%);--text: hsl(0, 100%, 100%);--element: hsl(209, 23%, 22%);--input: hsl(0, 0%, 50%)}*{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}a{color:inherit}img{max-width:100%;display:block}button{border:none;background:none;cursor:pointer;font:inherit}input,textarea,select{font:inherit}form{margin:0;padding:0}body{font-family:Nunito Sans;max-width:1500px;margin:0 auto;background-color:var(--bg);color:var(--text)}p{line-height:2}.container{background-color:inherit;min-height:100vh;height:100%}main{display:flex;flex-direction:column;gap:10px;padding:20px}button{display:inherit;justify-content:inherit;align-items:inherit;width:inherit;color:var(--text)}.button-primary{padding:10px 20px;border-radius:5px;cursor:pointer;box-shadow:0 0 5px 5px #0000000d;margin:10px;display:inline-flex;gap:10px;justify-content:center;align-items:center;font-size:14px;height:32px;max-width:200px;min-width:120px;width:auto;color:var(--text);background-color:var(--element)}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;box-shadow:0 2px 4px #0000000f;background-color:var(--element)}.header__button{font-size:14px;font-weight:600;color:var(--text);background-color:transparent;border:none;gap:5px}.header__title{cursor:pointer}.home-filter{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:10px}.filter-dropdown,.filter-dropdown__options{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:200px;padding:10px 20px;background-color:var(--element);color:var(--text);border-radius:5px;box-shadow:1px 2px 20px 5px #0000000d;cursor:pointer;max-height:min-content}.filter-dropdown__options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:absolute}.filter-dropdown__options-container{width:100%;display:inline-grid}.search-bar{display:flex;flex-direction:row;width:200px;padding:10px 20px;background-color:var(--element);color:var(--text);border-radius:5px;box-shadow:1px 2px 20px 5px #0000000d;cursor:pointer;width:100%;gap:10px;align-items:center;min-width:280px;max-width:450px;max-height:min-content}.search-input{flex:1;min-width:0;font-size:14px;color:var(--text);border:none;outline:none;background-color:transparent}.country-card{display:flex;flex-direction:column;align-items:flex-start;width:320px;border-radius:15px;background-color:var(--element);overflow:hidden;box-shadow:1px 2px 20px 5px #0000000d;cursor:pointer;min-height:450px}.country-card__detail{display:flex;flex-direction:column;gap:5px;padding:20px;margin:15px 0;gap:20px}.country-card picture{height:200px}.country-card img{border-bottom:.5px solid rgba(211,211,211,.5);height:100%;overflow:clip;aspect-ratio:16/9}.country-list{display:flex;flex-direction:row;align-items:center;gap:25px;flex-wrap:wrap;justify-content:center}.country-detail{display:flex;flex-direction:column;gap:20px;padding:20px 0}.country-detail__info{display:flex;gap:15px;flex-direction:column}@media(min-width:758px){.filter-dropdown__options-container{justify-items:end}.country-detail{display:flex;flex-direction:row}.country-detail picture{width:50%}.country-detail picture img{width:-webkit-fill-available}.country-detail__info{width:50%}.country-detail__info-columns{gap:50px;display:inherit;justify-content:flex-start}main{padding:40px}}.country-card:hover{box-shadow:1px 12px 10px 10px #00000020;transition:ease-in-out .2s}