@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Kumbh+Sans:wght@100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Overpass:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--blue-900: hsl(209, 23%, 22%);--blue-950: hsl(207, 26%, 17%);--grey-950: hsl(200, 15%, 8%);--grey-400: hsl(0, 0%, 50%);--grey-50: hsl(0, 0%, 99%);--white: hsl(0, 100%, 100%);--black: hsl(0, 0%, 0%);--font-secondary-color: var(--grey-400);--font-size-homepage: 14px;--font-size-detail: 16px;--background-color: var(--grey-50)}[data-theme=dark]{--blue-900: hsl(209, 23%, 22%);--blue-950: hsl(207, 26%, 17%);--grey-950: hsl(200, 15%, 8%);--grey-400: hsl(0, 0%, 50%);--grey-50: hsl(0, 0%, 99%);--background-sub-menus:var(--blue-900);--font-secondary-color: var(--grey-50);--font-main-color: var(--grey-50);--white: hsl(0, 0%, 0%);--black: hsl(0, 0%, 100%);--background-color: var(--blue-950)}body{margin:0;padding:0;font-family:Nunito Sans,sans-serif;background-color:var(--background-color);color:var(--font-main-color);transition:background-color .3s ease-in-out,color .3s ease-in-out}.body-container{padding:20px}.body-options{display:flex;justify-content:space-between}@media (max-width: 769px){.body-options{display:grid;grid-template-columns:1fr}}.navbar{background-color:var(--background-sub-menus);box-shadow:0 0 5px #0003;position:relative;height:70px}.navbar-title{font-weight:700;font-size:var(--font-size-homepage)}.navbar-container{height:100%;padding:0% 10px;display:flex;align-items:center;justify-content:space-between}.navbar-subtitle{font-size:var(--font-size-homepage);gap:20px}.input{margin-top:10px;display:flex;justify-items:center;align-items:center;width:100%}.input-container{display:grid;align-items:center;grid-template-columns:1fr 5fr;background-color:var(--background-sub-menus);border-radius:5px;width:40%;padding:15px 8px;box-shadow:0 0 5px #0003}@media (max-width: 769px){.input-container{width:100%}}.input-icon{display:flex;justify-content:center;color:var(--font-secondary-color)}.input-text{border:none;outline:none;background-color:transparent;color:var(--font-secondary-color)}.input-text::placeholder{color:var(--font-secondary-color)}.list-input{border:none;padding:15px;background-color:var(--background-sub-menus);border-radius:5px;width:100%;box-shadow:0 0 5px #0003;appearance:none;color:var(--font-secondary-color)}.list-input-container{color:var(--font-secondary-color);margin:40px 0;position:relative;width:50%;display:flex;align-items:center}.list-input-container:after{content:"▼";transform:translateY(-50%);pointer-events:none;font-size:12px;right:16px;top:50%;position:absolute}.list-input:focus{outline:none}select option{background-color:var(--background-sub-menus);padding:10px;color:var(--font-secondary-color);border:none}.option-select{background-color:var(--background-sub-menus);padding:10px;color:var(--font-secondary-color)}.card{border-radius:5px;box-shadow:0 0 5px #0003;background-color:var(--background-sub-menus);cursor:pointer}.card-title{font-weight:800;font-size:x-large}.card-image{width:100%;height:200px;border-radius:5px 5px 0 0;object-fit:cover}.card-content{padding:10px 30px;color:var(--font-main-color)}.card-content .card-title{margin-bottom:10px;margin-top:10px}.countries-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:50px}@media (max-width:765px){.countries-container{display:flex;flex-direction:column;gap:50px}}.details{margin:30px 25px}.button{background-color:var(--background-sub-menus);color:var(--font-main-color);border:none;box-shadow:0 0 5px #0003;padding:10px 25px}.details-image{max-width:100%;margin:50px 40px 0 0}.details-title{font-size:24px;color:var(--font-main-color);font-weight:800}.border-country{background-color:var(--background-sub-menus);color:var(--font-main-color);border:none;box-shadow:0 0 5px #0003;padding:10px 0;width:100%;text-align:center}.details-footer{display:grid;flex-direction:row;grid-template-columns:1fr 1fr 1fr;justify-content:space-between;gap:20px;align-items:center;justify-content:center}.details-content{margin-top:40px}@media (min-width:765px){.details-description{display:grid;grid-template-columns:1fr 1fr;gap:20px}.details-content{display:grid;grid-template-columns:1fr 1fr}.details-footer{grid-template-columns:repeat(6,1fr)}.border-country{width:80px}}