*{box-sizing:border-box}body{--background-color:#f4f4f4;--text-color:black;--elements-color:#f8f8f8;margin:0;font-family:Nunito,sans-serif}main,header{background-color:var(--background-color);color:var(--text-color)}main.dark,header.dark{--background-color:#202c37;--text-color:white;--elements-color:#2b3945}main{min-height:calc(100vh - 73px);padding:24px 24px 35px}a{color:inherit;text-decoration-line:none}.header-container{background-color:var(--elements-color);z-index:1;padding-inline:24px;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin-inline:auto;display:flex}.title{font-weight:800}.theme-changer{cursor:pointer}.countries-container{margin-top:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:32px;max-width:1200px;margin-inline:auto;display:grid}.country-card{background-color:var(--elements-color);border-radius:8px;padding-bottom:24px;transition:all .2s ease-in-out;display:inline-block;overflow:hidden;box-shadow:0 0 8px #0003}.flag-container{height:160px;overflow:hidden}.country-card img{object-fit:cover;width:100%;height:100%}.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}.search-filter-container{margin-inline:auto;border-radius:10px;justify-content:space-between;gap:24px;max-width:1200px;margin-top:16px;margin-bottom:48px;display:flex}.search-container{color:var(--text-color);background-color:var(--elements-color);border-radius:10px;width:100%;max-width:350px;padding-left:24px;overflow:hidden;box-shadow:0 0 8px #00000026}.search-container:hover{border-color:#3fa9da;box-shadow:0 0 10px #2098bd80}.search-container input{background-color:inherit;width:90%;color:inherit;border:none;outline:none;padding:16px}.search-container input::placeholder{color:#999}.filter-by-region{background-color:var(--elements-color);width:250px;color:var(--text-color);border:none;border-radius:4px;outline:none;padding:16px;box-shadow:0 0 8px #00000026}.filter-by-region:hover{border-color:#3fa9da;box-shadow:0 0 10px #2098bd80}.not-found{text-align:center;color:red;margin-top:3rem;font-size:30px;font-weight:700}@media (width<=768px){.countries-container{justify-content:center}.title{font-size:16px}.header-content p{font-size:12px}.search-filter-container{flex-direction:column}}.footer{text-align:center;color:#070707;width:100%;padding:2px;font-size:15px;transition:transform .3s ease-in-out;position:fixed;bottom:0;transform:translateY(100%);box-shadow:0 -1px 5px #0000001a}.footer.visible{transform:translateY(0)}.footer p{margin:0}.dark{color:#d1cdcd}.light{color:#070707}.footer a{color:#8d2c09;text-decoration:none}main .shimmer-card{--shimmer-color:#c7c7c7}main.dark .shimmer-card{--shimmer-color:#445869}.shimmer-card{background-color:var(--elements-color);height:338px}.shimmer-card .flag-container{background-color:var(--shimmer-color)}.shimmer-card .card-title{background-color:var(--shimmer-color);border-radius:4px;height:32px}.shimmer-card p{background-color:var(--shimmer-color);border-radius:4px;height:22px}.shimmer-card p:last-child{width:60%}.error-container{text-align:center;color:#333;background-color:#f9f9f9;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:50px;font-family:Arial,sans-serif;display:flex}.error-container h1{color:#ff4c4c;font-size:3rem}p{margin:10px 0;font-size:1.2rem}.error-code{color:#666;font-size:1rem}.home-link{color:#fff;background-color:#007bff;border-radius:5px;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s;display:inline-block}.home-link:hover{background-color:#0056b3}.shimmer .flag{background-color:var(--elements-color);border-radius:4px;width:40%;height:240px}.shimmer .title{background-color:var(--elements-color);border-radius:4px;height:36px}.country-details.shimmer p{background-color:var(--elements-color);border-radius:2px;height:22px}.country-details.shimmer p:last-child{width:50%}.details-text-container{flex-grow:1}@media (width<=940px){.shimmer .flag,.details-text-container{width:100%;max-width:400px}}.country-details-container{max-width:1200px;margin-inline:auto}.back-button{cursor:pointer;background-color:var(--elements-color);border-radius:4px;padding:6px 24px;box-shadow:0 0 4px #0003}.back-button:hover{background-color:#00aeff86;transition:all .3s}.country-details{align-items:center;gap:64px;margin-top:60px;display:flex}.country-details img{border:1px solid #ddd;width:40%}.country-details img:hover{border-color:#3fa9da;transition:all .3s;transform:scale(1.01);box-shadow:0 8px 15px #00800066}.details-text{flex-flow:column wrap;gap:12px 64px;max-height:180px;display:flex}.details-text p{margin:0}.border-countries{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:48px;display:flex}.border-countries a{background-color:var(--elements-color);border-radius:4px;padding:4px 16px;font-size:14px;box-shadow:0 0 4px #0003}.border-countries a:hover{background-color:#00aeff86;transition:all .3s}@media (width<=940px){.country-details{flex-direction:column;align-items:flex-start;gap:16px;margin-top:32px}.details-text{max-height:unset}.country-details img{width:100%;max-width:400px}}
/*# sourceMappingURL=index.8ce9e9bf.css.map */