*{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;padding:5px;font-family:Nunito,sans-serif}body.dark{--background-color:#202c37;--text-color:white;--elements-color:#2b3945}nav{background-color:var(--elements-color);box-shadow:0 7px 29px #64646f33}.nav-child{justify-content:space-between;align-items:center;max-width:1850px;margin-inline:auto;display:flex}.title{margin-left:10px;margin-right:10px;font-size:20px;font-weight:700}.darkmode{margin-left:10px;margin-right:5px;font-size:15px}main{padding-inline:20px}.country-cards{margin-top:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:center;gap:50px;max-width:1850px;margin-inline:auto;display:grid}.card{background-color:var(--elements-color);border-radius:10px;width:250px;transition:transform 90ms ease-in-out;display:inline-block;overflow:hidden;box-shadow:0 7px 29px #64646f33}img{width:100%;margin:0}h3{margin:0}.content{margin-block:5px;padding:20px;font-size:12px;font-weight:600;line-height:.5rem}.country-name{margin-bottom:20px;line-height:20px}a{color:inherit;text-decoration:none}.card:hover{transform:scale(1.05)}.detail{flex-wrap:wrap;justify-content:left;align-items:center;gap:10rem;max-width:1850px;margin-block:2vh;margin-inline:auto;display:flex}.flag{width:500px}.detail-image{width:100%}.left-right{gap:30px;display:flex}.back{cursor:pointer;background-color:#fff;margin:3rem;padding:.5rem}@media (width<=625px){.country-cards{margin-top:30px;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;max-width:1850px;margin-inline:auto;display:flex}}.combined{flex-flow:column wrap;display:flex}.border{flex-wrap:wrap;gap:15px;display:flex}a{margin:2px;padding:2px}.middle{flex-wrap:wrap;justify-content:space-between;gap:20px;max-width:1960px;margin-block:30px;margin-inline:auto;display:flex}.search{padding:px;background-color:var(--elements-color);color:var(--text-color);align-items:center;width:400px;height:40px;box-shadow:0 7px 29px #64646f33}input{border:none;outline:none;width:100%;padding-inline:5px}input::placeholder{color:#999}.fa-magnifying-glass{align-self:center;margin-left:20px}.inputsearch{height:40px;display:flex}.filter{background-color:#fff;background-color:var(--elements-color);color:var(--text-color);border:none;border-radius:4px;outline:none;width:250px;height:40px;padding:0 16px;box-shadow:0 7px 29px #64646f33}.para{max-width:400px}button{border-radius:5px}.detail-image{box-shadow:0 7px 29px #64646f33}.back-button{border-radius:10px}.back-button:hover{transition:transform .2s;transform:scale(1.15)}.bor-btn{border-radius:4px;margin:4px;padding:4px}.fa-magnifying-glass{margin-right:10px}.flag-container{height:160px;overflow:hidden}.flag-card{object-fit:cover;width:100%;height:100%}.shimmer-card{background-color:#f6f7f8;border:1px solid #ddd;border-radius:10px;width:260px;height:300px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.shimmer-card:before{content:"";background-image:linear-gradient(#f0f0f0cc 0%,#ffffffe6 50%,#f0f0f0cc 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.shimmer-card:hover{background:#f0f0f0;transition:background .3s,box-shadow .3s;box-shadow:0 4px 12px #0003}.flagshi{background-color:#f6f7f8;border:1px solid #ddd;border-radius:10px;width:500px;height:330px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.flagshi:before{content:"";background-image:linear-gradient(#f0f0f0cc 0%,#ffffffe6 50%,#f0f0f0cc 100%);animation:1.5s infinite shimmer;position:absolute;inset:0}.flagshi:hover{background:#f0f0f0;transition:background .3s,box-shadow .3s;box-shadow:0 4px 12px #0003}.countryname{background-color:#f6f7f8;border:1px solid #ddd;border-radius:10px;width:210px;height:30px;position:relative;overflow:hidden}.countryname:before{content:"";background-image:linear-gradient(#f0f0f0cc 0%,#ffffffe6 50%,#f0f0f0cc 100%);animation:1s infinite shimmer;position:absolute;inset:0}.only{width:100px}.detailed{margin-top:230px}.bord{width:70px;height:20px}
/*# sourceMappingURL=index.30aae4a4.css.map */