body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.country-card{margin:20px auto;width:90%}.card-back,.card-front{flex-direction:column;justify-content:flex-start;overflow-y:auto}.card-front{border-radius:10px;box-shadow:0 4px 8px #0003}.country-flag{height:auto;max-width:100px;width:50%}.card-back{border-radius:10px;line-height:1.2;overflow-y:auto;padding:30px 10px 10px;scrollbar-width:thin}.card-back::-webkit-scrollbar{width:5px}.card-back::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}@media (max-width:768px){.country-card{height:250px}.card-back,.card-front{padding:5px}.country-flag{width:80%}.card-back{justify-content:flex-start;max-height:100%;overflow-y:auto;padding-top:40px}.card-back::-webkit-scrollbar{width:4px}.card-back::-webkit-scrollbar-thumb{background-color:#666}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#101031;font-family:Arial,sans-serif;overflow-x:hidden}.navbar,body{color:#fbfbfb}.navbar{align-items:center;background-color:#0d0e20;border-bottom:2px solid #444;display:flex;justify-content:space-between;padding:15px 20px;position:sticky;top:0;z-index:1000}.navbar h1{font-size:24px;margin:0}.search-input{border:none;border-radius:4px;font-size:16px;padding:8px 12px;width:250px}.search-input:focus{box-shadow:0 0 8px #0003;outline:none}@media (max-width:768px){.navbar h1{font-size:20px}.search-input{width:150px}}.countries-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;padding:20px}.country-card{border-radius:10px;cursor:pointer;height:350px;max-width:250px;min-height:200px;overflow:hidden;perspective:1000px;transition:box-shadow .3s;width:100%}.country-card:hover{box-shadow:0 4px 12px #0003}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.country-card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;backface-visibility:hidden;border-radius:10px;display:flex;height:100%;justify-content:center;padding:20px;position:absolute;width:100%}.card-front{background-color:#0d0e20;color:#fff;flex-direction:column;text-align:center}.card-front img{border-radius:8px;height:auto;margin-bottom:10px;width:80%}.card-back{background-color:#161729;color:#fff;padding:20px;text-align:left;transform:rotateY(180deg)}.card-back h3{font-size:1.2rem;margin-bottom:10px}.card-back p{color:#ccc;font-size:.9rem;line-height:1.5}@media (max-width:768px){.country-card{height:auto;max-width:100%}.countries-grid{gap:15px;grid-template-columns:1fr;padding:10px}.card-inner{transition:none}.card-back h3{font-size:.9rem}.card-back p{font-size:.75rem}.card-front h3{font-size:1rem}.card-front p{font-size:.8rem}.card-front img{width:100%}.card-back{padding:15px}}footer{background-color:#0d0e20;border-top:2px solid #444;color:#fbfbfb;font-size:14px;padding:10px;text-align:center}
/*# sourceMappingURL=main.57bb2f43.css.map*/