:root{--back-dark-color:#202c37;--back-light-color:#fafafa;--text-dark-color:#fff;--text-light-color:#111517;--element-dark-color:#2b3945;--txt-color:var(--text-light-color);--back-color:var(--back-light-color);--element-color:var(--back-light-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--back-color);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}.nav{align-items:center;background-color:var(--element-color);color:var(--txt-color);display:flex;font-family:Nunito Sans,sans-serif;justify-content:space-between;padding:20px 40px;position:fixed;width:calc(100% - 80px);.title{font-size:20px;font-weight:700}.darkMode{align-items:center;cursor:pointer;display:flex;font-weight:700;gap:7px;justify-content:center;-webkit-user-select:none;user-select:none}}@media (max-width:778px){.nav{font-size:14px;height:40px;.title{font-size:15px}}}.countryList{background-color:var(--back-color);display:flex;flex-direction:column;gap:20px;padding-top:70px;.filter{align-items:center;display:flex;justify-content:space-between;padding:10px 20px;.input{align-items:center;background-color:var(--element-color);border-radius:10px;box-shadow:0 1px 6px 0 #0000003f;display:flex;gap:20px;height:60px;justify-content:flex-start;padding:0 20px;width:400px;input{background-color:var(--element-color);border:none;color:var(--txt-color);flex-grow:1;outline:none;&::placeholder{color:var(--txt-color);font-size:15px}}}.select{#selection{align-items:center;background-color:var(--element-color);border:none;border-radius:10px;box-shadow:0 1px 6px 0 #00000070;color:var(--txt-color);display:flex;height:60px;justify-content:flex-start;outline:none;padding:5px 20px;option{padding:10px}}}}.container{grid-gap:20px;display:grid;font-family:Nunito Sans,sans-serif;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px;.country{background-color:var(--element-color);border-radius:5px;color:var(--txt-color);cursor:pointer;height:330px;overflow:hidden;.img{height:160px;width:100%;img{height:160px;width:100%}}.info{align-items:flex-start;display:flex;flex-direction:column;font-size:15px;gap:5px;padding:0 20px 20px;h2{font-size:18px;font-weight:700;letter-spacing:1.2px}.inf{.finInf{color:var(--txt-color);opacity:.6}}}}}}@media (max-width:778px){.countryList{gap:10px;padding-top:100px;.filter{align-items:flex-start;flex-direction:column;gap:40px;.input{padding:0 0 0 20px;width:calc(100% - 20px)}}.container{padding:20px 60px;.country{display:flex;flex-direction:column;gap:20px;height:350px;.info{gap:10px}}}}}.countryDetails{display:flex;flex-direction:column;font-family:Nunito Sans,sans-serif;gap:30px;justify-content:space-evenly;padding:70px 20px 20px;.btn{background-color:var(--back-color);border-radius:10px;box-shadow:0 1px 7px 0 #00000085;color:var(--txt-color);cursor:pointer;gap:5px;justify-content:center;padding:10px 5px;text-transform:capitalize;width:100px}.btn,.content{align-items:center;display:flex}.content{gap:25px;justify-content:space-evenly;.image{color:var(--txt-color);height:300px;width:500px;img{height:100%;width:100%}}.info{color:var(--txt-color);flex-direction:column;gap:20px;.title{font-size:27px;font-weight:700}.pecies{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(100px,1fr));.smallInfo{font-size:14px;.diff{color:var(--txt-color);opacity:.6}}}.border{gap:40px;justify-content:flex-start;.txt{font-size:14px}.bord-countries{flex-wrap:wrap;gap:15px;justify-content:space-evenly;.bord{background-color:var(--back-color);border-radius:10px;box-shadow:0 1px 7px 0 #00000085;color:var(--txt-color);padding:5px 10px;text-transform:capitalize}.diff{color:var(--txt-color);opacity:.6}}}}}}@media (max-width:778px){.countryDetails{padding-top:100px;.content{flex-direction:column;padding:10px 60px;.image{height:200px;width:100%}.info{gap:15px;.title{font-size:20px;font-weight:700}.pecies{color:var(--txt-color);display:flex;flex-direction:column;font-size:14;gap:8px;opacity:.9;.smallInfo{font-size:14px;.diff{color:var(--txt-color);opacity:.5}}}.border{align-items:flex-start;flex-direction:column;margin-top:20px;.txt{font-size:15px}.bord-countries{.bord{gap:10px;padding:10px;text-align:center;width:40px}}}}}}}
/*# sourceMappingURL=main.d2c843a2.css.map*/