*{box-sizing:border-box}body{--background-color:white;--text-color:black;--elements-color:white;background-color:var(--background-color);color:var(--text-color);margin:0;font-family:Nunito,sans-serif}body.dark{--background-color:#202c37;--text-color:white;--elements-color:#2b3945}.app{min-height:100vh;background-color:var(--background-color)}main{padding:24px}a{color:inherit;text-decoration-line:none}.header-container{background-color:var(--elements-color);padding-inline:24px;box-shadow:0 2px 4px #0000001a}.header-content{max-width:1200px;justify-content:space-between;align-items:center;margin-inline:auto;padding:20px 0;display:flex}.title{font-weight:800}.theme-changer{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;transition:background-color .2s;display:flex}.theme-changer:hover{background-color:#0000000d}body.dark .theme-changer:hover{background-color:#ffffff1a}.countries-container{max-width:1200px;margin-top:16px;flex-wrap:wrap;justify-content:space-between;gap:64px;margin-inline:auto;display:flex}.country-card{width:250px;background-color:var(--elements-color);cursor:pointer;border-radius:8px;padding-bottom:24px;transition:all .2s ease-in-out;display:inline-block;overflow:hidden;box-shadow:0 0 8px #0003}.country-card:hover{transform:scale(1.03);box-shadow:0 0 16px #0003}.card-title{margin-block:16px;font-size:24px}.card-text{padding-inline:16px}.card-text p{margin-block:8px}.country-card img{width:100%;height:150px;object-fit:cover}.search-filter-container{max-width:1200px;margin-inline:auto;justify-content:space-between;gap:24px;margin-top:16px;margin-bottom:48px;display:flex}.search-container{max-width:350px;width:100%;color:#999;background-color:var(--elements-color);color:var(--text-color);border-radius:4px;align-items:center;padding-left:24px;display:flex;overflow:hidden;box-shadow:0 0 8px #00000026}.search-container input{width:90%;background-color:inherit;color:inherit;border:none;outline:none;padding:16px}.search-container input::placeholder{color:#999}.filter-by-region{width:250px;background-color:var(--elements-color);color:var(--text-color);cursor:pointer;border:none;border-radius:4px;outline:none;padding:16px;box-shadow:0 0 8px #00000026}.country-detail{max-width:1200px;margin-inline:auto;padding:24px}.back-button{background-color:var(--elements-color);color:var(--text-color);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;margin-bottom:48px;padding:12px 24px;transition:all .2s;display:flex;box-shadow:0 0 8px #00000026}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.country-detail-content{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.country-flag img{width:100%;max-width:500px;border-radius:8px;box-shadow:0 0 16px #0003}.country-info h1{margin-bottom:32px;font-size:48px}.country-details-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px;display:grid}.country-details-grid p{margin-block:8px}.border-countries h3{margin-bottom:16px}.border-buttons{flex-wrap:wrap;gap:8px;display:flex}.border-button{background-color:var(--elements-color);color:var(--text-color);cursor:pointer;border:none;border-radius:4px;padding:8px 16px;transition:all .2s;box-shadow:0 0 8px #00000026}.border-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.error-message{text-align:center;padding:48px 24px}.error-message h2{color:#e74c3c;margin-bottom:16px}.error-message p{color:var(--text-color);opacity:.8}@media (max-width:768px){.countries-container{justify-content:center}.title{font-size:16px}.header-content p{font-size:12px}.search-filter-container{flex-direction:column}.country-detail-content{grid-template-columns:1fr;gap:32px}.country-info h1{font-size:32px}.country-details-grid{grid-template-columns:1fr;gap:16px}.back-button{margin-bottom:24px}}
/*# sourceMappingURL=index.a94a7fa6.css.map */