*{box-sizing:border-box;margin:0;padding:0}body{font-optical-sizing:auto;font-variation-settings:"wdth" 100, "YTLC" 500;width:100%;font-family:Nunito Sans,sans-serif;font-style:normal}.light-theme{color:#111517;background-color:#f5f5f5}.dark-theme{color:#fff;background-color:#202c37}.dark-theme-element{color:#fff;background-color:#2b3945}.light-theme-element{background-color:#fff}main{flex-direction:column;align-items:center;min-width:264px;min-height:100vh;display:flex}.search-filter{width:100%;margin:40px auto}@media screen and (width>=700px){.search-filter{justify-content:space-between;align-items:center;display:flex}}header{justify-content:space-between;align-items:center;width:100%;padding:30px;font-size:10px;display:flex;box-shadow:1px -6px 10px #121111}h1{font-weight:800}button{cursor:pointer;background-color:#fff;border:none;font-weight:500}span{margin-left:10px}.search-bar{border-radius:5px;align-items:center;gap:20px;width:auto;min-width:200px;max-width:700px;margin:40px 20px 20px;padding-left:40px;display:flex;box-shadow:0 1px 10px #bcb9b9}.search-icon{color:gray}input{color:gray;border:none;outline:none;margin:20px}@media (width>=700px){.search-bar{width:500px;margin:0 auto}}.countries-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-content:center;gap:75px;width:100%;max-width:1280px;margin:40px auto;padding:0 40px;display:grid}.countries-article{border-radius:6px;padding-bottom:30px}.countries-article img{object-fit:contain;border-radius:6px 6px 0 0;width:100%}.countries-article h1,h2{margin:20px;font-size:15px}.countries-article h1{font-weight:800}.countries-article h2{font-weight:400}.countries-article span{font-weight:100}a{color:inherit;text-decoration:none}.filter{border-radius:5px;width:fit-content;margin:50px 0 0 20px;padding:15px;box-shadow:0 1px 10px #bcb9b9}.filter select{border:none;padding:10px}.box-shadow-dark{box-shadow:none}@media (width>=700px){.filter{margin:0 auto}}.country-details{max-width:75rem;min-height:100vh;margin:0 auto;padding:4rem 5%}.light-theme .country-details{color:#111517;background-color:#fafafa}.light-theme .country-details .back-button,.light-theme .country-details .border-btn{color:#111517;background-color:#fff;box-shadow:0 2px 8px #0000001a}.light-theme .country-details .back-button:hover,.light-theme .country-details .border-btn:hover{background-color:#f4f4f4}.dark-theme .country-details{color:#fff;background-color:#202c37}.dark-theme .country-details .back-button,.dark-theme .country-details .border-btn{color:#fff;background-color:#2b3945}.dark-theme .country-details .back-button:hover,.dark-theme .country-details .border-btn:hover{background-color:#36444f}.back-button{border-radius:6px;align-items:center;gap:8px;margin-bottom:3rem;padding:10px 28px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.details-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:6rem;display:grid}.details-grid img{border-radius:8px;width:100%;max-width:520px;height:auto;box-shadow:0 10px 30px #00000040}.details-info h1{margin-bottom:2rem;font-size:2.8rem;font-weight:700}.details-info p{margin:1.1rem 0;font-size:1.05rem}.details-info strong{margin-right:10px;font-weight:600}.border-countries{flex-wrap:wrap;gap:12px;margin-top:1.5rem;display:flex}.border-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:1rem}@media (width<=43.75rem){.details-grid{grid-template-columns:1fr;gap:3rem}.country-details{padding:2rem 5%}.details-info h1{font-size:2.3rem}}