@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap);:root{--color-blue-900:#2b3945;--color-blue-950:#202c37;--color-grey-950:#111517;--color-grey-400:grey;--color-grey-50:#fcfcfc;--color-white:#fff;--font-family:"Nunito Sans",sans-serif;--font-size-homepage:14px;--font-size-detail:16px;--font-weight-light:300;--font-weight-semibold:600;--font-weight-bold:800}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fcfcfc;background:var(--color-grey-50);color:#111517;color:var(--color-grey-950);font-family:Nunito Sans,sans-serif;font-family:var(--font-family);font-size:14px;font-size:var(--font-size-homepage);height:100vh;margin:0}#root{display:flex;flex-direction:column;height:100%;min-height:100vh}.dark-mode{background:#202c37;background:var(--color-blue-950)}.dark-mode,.dark-mode .element{color:#fff;color:var(--color-white)}.dark-mode .element{background:#2b3945;background:var(--color-blue-900)}.light-mode{background:#fcfcfc;background:var(--color-grey-50)}.light-mode,.light-mode .element{color:#111517;color:var(--color-grey-950)}.light-mode .element{background:#fff;background:var(--color-white)}input,p,select{background:#fcfcfc;background:var(--color-grey-50);color:#111517;color:var(--color-grey-950);font-family:Nunito Sans,sans-serif;font-family:var(--font-family)}.dark-mode input,.dark-mode select{background:#2b3945;background:var(--color-blue-900);color:#fff;color:var(--color-white)}#root>.dark-mode,.dark-mode div,.dark-mode h1,.dark-mode main,.dark-mode p,.dark-mode span{background:#202c37;background:var(--color-blue-950);color:#fff;color:var(--color-white)}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:800;font-weight:var(--font-weight-bold)}.homepage-text{font-size:14px;font-size:var(--font-size-homepage)}.detail-text{font-size:16px;font-size:var(--font-size-detail)}.home-container{align-items:center;background-color:var(--color-grey-50);display:flex;flex-direction:column;gap:60px;height:100%;justify-content:center;min-height:100%;padding:50px}.search-container{height:50px;position:relative}.search-bar{border:none;border-radius:5px;box-shadow:0 1px 10px -3px var(--color-grey-400);height:50px;padding:10px 10px 10px 40px;width:350px}.search-icon{color:#888;height:24px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:24px}.region-filter{border:none;border-radius:5px;box-shadow:0 1px 10px -3px var(--color-grey-400);height:50px;padding:10px;width:180px}.countries-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(4,1fr)}@media (max-width:1280px){.countries-grid{gap:30px;grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.countries-grid{gap:30px;grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.countries-grid{gap:30px;grid-template-columns:repeat(1,1fr)}.search-bar{width:100%}}.country-card{background:#fff;border-radius:10px;box-shadow:0 1px 10px -3px #aaa;box-shadow:0 1px 10px -3px var(--color-grey-400,#aaa);cursor:pointer;display:flex;flex-direction:column;height:420px;max-width:300px;overflow:hidden;width:100%}.country-card:hover{transform:scale(1.04);transition:transform .1s ease-in}.flag{height:180px;overflow:hidden;width:100%}.flag-img{border-radius:10px 10px 0 0;display:block;height:100%;object-fit:cover;width:100%}.card-content{display:flex;flex-direction:column;gap:10px;padding:25px}.country-name{font-size:1.3rem;margin-bottom:16px}.country-name,.label{font-weight:700}.header{align-items:center;background-color:var(--color-white);box-shadow:0 1px 10px -3px var(--color-grey-400);display:flex;flex-direction:row;gap:10px;height:80px;justify-content:space-between;padding:50px;position:fixed;top:0;width:100%}.header-title{font-size:24px;font-weight:var(--font-weight-bold)}.moon-icon{height:24px;width:24px}.theme-selector{cursor:pointer;display:flex;flex-direction:row;font-size:18px;font-weight:var(--font-weight-semibold);gap:5px}.country-detail{align-items:start;border-radius:10px;display:flex;flex-direction:column;gap:40px;margin:20px;padding:20px}.back-button{align-items:center;background:#fff;border-radius:5px;box-shadow:0 1px 10px -3px #aaa;box-shadow:0 1px 10px -3px var(--color-grey-400,#aaa);display:flex;flex-direction:row;gap:5px;justify-content:center;padding:10px 30px;width:120px}.back-button:hover{cursor:pointer}.back-arrow{height:24px;width:24px}.country-detail-content{align-items:center;display:flex;flex-direction:row;gap:60px;height:100%;justify-content:center;max-height:450px;width:100%}.country-detail h1{font-size:28px;font-weight:var(--font-weight-bold)}.country-detail-flag{overflow:hidden;width:50%}.country-detail-flag-img{height:100%;max-height:fit-content;max-width:fit-content;width:100%}.country-detail .card-content{display:flex;flex-direction:column;gap:40px;padding:25px;width:50%}.country-detail .card-content p{font-size:1.1rem}.country-detail .card-content span.label{font-weight:700;margin-right:10px}.neighbour-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;height:auto;max-width:100%}.border{background:#fff;border-radius:5px;box-shadow:0 1px 10px -3px #aaa;box-shadow:0 1px 10px -3px var(--color-grey-400,#aaa);font-size:14px;margin-right:8px;padding:5px 25px;width:fit-content}.border:hover{cursor:pointer;transform:scale(1.05)}@media (max-width:1024px){.country-detail{gap:20px}.country-detail-content{gap:20px;max-height:fit-content}.country-detail .card-content{gap:20px;padding:0}}@media (max-width:768px){.country-detail{gap:20px}.country-detail-content{flex-direction:column;gap:20px;max-height:fit-content}.country-detail-flag{width:100%}.country-detail .card-content{gap:20px;width:100%}}@media (max-width:640px){.country-detail{padding:0}}
/*# sourceMappingURL=main.e61a6c35.css.map*/