*{box-sizing:border-box}body{--background-color: white;--text-color: black;--elements-color: white;margin:0;font-family:Nunito,sans-serif}main,header{background-color:var(--background-color);color:var(--text-color)}main.dark,header.dark{--background-color: hsl(207, 26%, 17%);--text-color: white;--elements-color: hsl(209, 23%, 22%)}main{padding:24px;min-height:calc(100vh - 73px)}a{text-decoration-line:none;color:inherit}.header-container{box-shadow:0 2px 4px #0000001a;padding-inline:24px;background-color:var(--elements-color);position:sticky;top:0;z-index:1}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin-inline:auto}.title{font-weight:800}.theme-changer{cursor:pointer}.countries-container{max-width:1200px;margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:64px;margin-inline:auto}.country-card{display:inline-block;border-radius:8px;overflow:hidden;padding-bottom:24px;box-shadow:0 0 8px #0003;transition:all .2s ease-in-out;background-color:var(--elements-color)}.country-card:hover{transform:scale(1.03);box-shadow:0 0 16px #0003}.card-title{font-size:24px;margin-block:16px}.card-text{padding-inline:16px}.card-text p{margin-block:8px}.country-card img{width:100%}.search-filter-container{max-width:1200px;margin-inline:auto;margin-top:16px;margin-bottom:48px;display:flex;justify-content:space-between;gap:24px}.search-container{box-shadow:0 0 8px #00000026;max-width:350px;width:100%;border-radius:4px;padding-left:24px;color:#999;overflow:hidden;background-color:var(--elements-color);color:var(--text-color)}.search-container input{border:none;outline:none;padding:16px;width:90%;background-color:inherit;color:inherit}.search-container input::placeholder{color:#999}.filter-by-region{width:250px;padding:16px;border:none;outline:none;box-shadow:0 0 8px #00000026;border-radius:4px;background-color:var(--elements-color);color:var(--text-color)}@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}}.shimmer-card{height:350px;background-color:#ccc;margin:30px;text-align:center;text-justify:center;font-weight:700;font-size:xx-large;text-shadow:#ccc}.shimmer{margin:25px}main .shimmer-card{--shimmer-color: hsl(0, 0%, 78%)}main.dark .shimmer-card{--shimmer-color: hsl(208, 21%, 34%)}.shimmer-card{height:338px;background-color:var(--elements-color)}.shimmer-card .flag-container{background-color:var(--shimmer-color)}.shimmer-card .card-title{height:32px;background-color:var(--shimmer-color);border-radius:4px}.shimmer-card p{height:22px;border-radius:4px;background-color:var(--shimmer-color)}.shimmer-card p:last-child{width:60%}.country-details-container{max-width:1200px;margin-inline:auto;margin-top:32px}.back-button{padding:6px 24px;box-shadow:0 0 4px #0003;border-radius:4px;cursor:pointer}.country-details{display:flex;align-items:center;gap:64px;margin-top:64px}.country-details img{width:40%;border:1px solid #ddd}.details-text{display:flex;flex-direction:column;row-gap:12px;column-gap:64px;max-height:180px;flex-wrap:wrap}.details-text p{margin:0}.border-countries{margin-top:48px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.border-countries a{padding:4px 16px;box-shadow:0 0 4px #0003;border-radius:4px;font-size:14px}@media (max-width: 940px){.country-details{flex-direction:column;align-items:flex-start;margin-top:32px;gap:16px}.details-text{max-height:unset}.country-details img{width:100%;max-width:400px}}.shimmer .flag{width:40%;height:240px;background-color:var(--elements-color);border-radius:4px}.shimmer .title{height:36px;background-color:var(--elements-color);border-radius:4px}.country-details.shimmer p{height:22px;background-color:var(--elements-color);border-radius:2px}.country-details.shimmer p:last-child{width:50%}.details-text-container{flex-grow:1}@media (max-width: 940px){.shimmer .flag,.details-text-container{width:100%;max-width:400px}}