:root{--background:hsl(0, 0%, 98%);--elements:hsl(0, 0%, 100%);--text:hsl(200, 15%, 8%);--input:hsl(0, 0%, 52%);--shadow:hsla(208, 23%, 22%, .319)}.darkmode{--background:hsl(207, 26%, 17%);--elements:hsl(209, 23%, 22%);--text:hsl(0, 0%, 100%);--input:hsl(0, 0%, 100%);--shadow:hsl(209, 23%, 22%)}*{margin:0;padding:0}body{font-family:Nunito Sans,sans-serif;background-color:var(--background);color:var(--text)}header{height:80px;background-color:var(--elements);display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 2px 0 var(--shadow);padding:0 4%}header .btn-darkmode{display:flex;align-items:center;justify-content:center;cursor:pointer}header .btn-darkmode img{width:18px;margin-right:8px;transform:rotate(-23deg)}header .btn-darkmode p{font-size:1.1rem}@media only screen and (max-width: 430px){header .btn-darkmode p{display:none}}.heading h1{font-size:1.6rem}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 4%;margin:12px 0;height:80px}@media only screen and (max-width: 725px){.top-bar{flex-direction:column;justify-content:center;gap:10px;margin:40px auto}}.search input{border:none;padding:15px 25px;width:320px;font-size:.96rem;background-color:var(--elements);color:var(--input)}@media only screen and (max-width: 420px){.search input{width:70vw;margin:auto}}.search input::-moz-placeholder{color:var(--input)}.search input:-ms-input-placeholder{color:var(--input)}.search input::placeholder{color:var(--input)}.search input:hover{border-color:#2684ff}.search input:focus{border:1.2px solid;border-color:#2684ff;border-radius:4px;outline:none}.filter .select{width:200px}.inner-select__control{border-style:none!important;background-color:var(--elements)!important}.inner-select__single-value,.inner-select__input-container{color:var(--input)!important}.inner-select__menu{background-color:var(--elements)!important}.countries-container{display:flex;flex-wrap:wrap;justify-content:center;gap:70px;padding:0 20px}.country{width:-webkit-max-content;width:-moz-max-content;width:max-content;width:300px;height:360px;background-color:var(--elements);margin-bottom:10px;cursor:pointer}.flag img{width:300px;height:180px}.description{padding:12px 18px}.description h2{margin-bottom:8px;font-size:1.35rem}.dis{display:flex;flex-direction:column;gap:2px}.dis p{font-weight:700}.dis p .light-text{font-weight:400}.country-link{text-decoration:none;color:var(--text)}.country-page{width:80%;margin:50px auto auto}@media only screen and (max-width: 1230px){.country-page{width:90%;margin:40px auto auto}}.inner-country-page{display:flex;align-items:center;justify-content:center;gap:80px;margin-top:10vh}@media only screen and (max-width: 1120px){.inner-country-page{flex-direction:column;gap:40px}}@media only screen and (max-width: 620px){.inner-country-page{margin-top:7vh;margin-bottom:7vh}}.inner-country-page img{width:420px}@media only screen and (max-width: 460px){.inner-country-page img{width:95vw}}.country-page-details h1{margin-bottom:25px}.inner-country-details{display:flex;gap:60px}@media only screen and (max-width: 620px){.inner-country-details{flex-direction:column;gap:0}}.inner-country-details p{line-height:36px}.inner-country-details .bold{font-weight:700;margin-right:2px}.back-button{color:var(--text);background-color:var(--background);padding:8px 22px;border:1px solid;border-color:var(--background);border-radius:4px;box-shadow:0 8px 24px #0000004d;cursor:pointer}.back-button:hover{box-shadow:0 8px 24px #00000080}