@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap);:root{--dm-elements:#2b3945;--dm-bg:#202c37;--lm-text:#111517;--lm-input:#858585;--lm-bg:#fafafa;--dm-text-lm-elements:#fff}body{font-family:Nunito Sans,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}nav{align-items:center;box-shadow:3px 0 20px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:25px 50px}nav.dark{background-color:var(--dm-elements);color:#fff}nav.dark button{color:inherit}nav button{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:600}nav button svg{margin-right:10px}@media screen and (max-width:500px){nav{padding:25px}nav h1{font-size:20px}}@media screen and (max-width:380px){nav h1{font-size:18px}nav button{font-size:14px}}.country-preview-container{align-items:flex-start;background-color:#fff;border-radius:5px;box-shadow:3px 0 20px rgba(0,0,0,.1);color:#111517;display:flex;flex-direction:column;height:380px;overflow:hidden;text-decoration:none;width:300px}.country-preview-container.dark{background-color:var(--dm-elements);color:#fff}.country-preview-container .flag-box{height:180px;width:100%}.country-preview-container .flag-box img{height:100%;object-fit:cover;width:100%}.country-preview-container .details-box{flex-grow:1;padding:25px;width:100%}.country-preview-container .details-box h2{font-size:20px;margin-bottom:15px}.detail-pair{align-items:center;display:flex}.detail-pair:not(:last-child){margin-bottom:3px}.detail-pair .detail-bold{font-weight:600;margin-right:5px}@-webkit-keyframes loading{0%{rotate:0deg}to{rotate:1turn}}@keyframes loading{0%{rotate:0deg}to{rotate:1turn}}.spinner-container{align-items:center;display:flex;flex-grow:1;height:100%;justify-content:center;width:100%}.spinner-container .spinner{-webkit-animation:loading .8s linear infinite;animation:loading .8s linear infinite;border:2px solid #000;border-radius:50%;border-top-color:transparent;height:45px;width:45px}.spinner-container.dark .spinner{border-color:var(--dm-text-lm-elements);border-top:2px solid transparent}.countries-grid{grid-column-gap:80px;grid-row-gap:50px;align-items:center;-webkit-column-gap:80px;column-gap:80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;row-gap:50px;width:100%}.empty-container{align-items:center;display:flex;flex-grow:1;justify-content:center;width:100%}.empty-container.dark h2{color:#fff}.empty-container h2{color:var(--lm-text);font-weight:300;letter-spacing:1px}.select-box{align-items:center;background-color:#fff;border-radius:5px;box-shadow:3px 0 20px rgba(0,0,0,.1);cursor:pointer;display:flex;font-size:16px;padding:16px;position:relative}.select-box.dark,.select-box.dark .select-options{background-color:var(--dm-elements);color:#fff}.select-box.dark .select-options option:hover{background-color:#344954}.select-box svg{height:20px;margin-left:20px;width:20px}.select-box .select-options{background-color:#fff;border-radius:5px;box-shadow:1px 0 10px rgba(0,0,0,.1);left:0;padding:15px 0;position:absolute;top:108%;width:100%}.select-box .select-options option{cursor:pointer;padding:5px 15px}.select-box .select-options option:hover{background-color:#f1f0f0}main{display:flex;flex-direction:column;min-height:calc(100vh - 82px);padding:0 50px 50px}main .search-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0;row-gap:30px}main .search-container.dark .search-box{color:#fff}main .search-container.dark .search-box svg{color:inherit}main .search-container.dark .search-box input{background-color:var(--dm-elements);color:inherit}main .search-container .search-box{align-items:center;display:flex;position:relative;width:500px}main .search-container .search-box svg{color:var(--lm-input);height:20px;left:15px;position:absolute;width:20px}main .search-container .search-box input{border:none;border-radius:5px;box-shadow:3px 0 15px rgba(0,0,0,.108);color:var(--lm-input);font-family:inherit;font-size:18px;outline:none;padding:15px 15px 15px 50px;width:100%}@media screen and (max-width:500px){main{padding:0 25px 50px}}.custom-link{align-items:center;background-color:var(--dm-text-lm-elements);border-radius:5px;box-shadow:3px 0 15px rgba(0,0,0,.1);color:var(--lm-text);display:flex;font-size:17px;padding:8px 30px;text-decoration:none;width:-webkit-max-content;width:max-content}.custom-link svg{border-radius:5px;height:20px;margin-left:-5px;margin-right:5px;width:20px}.custom-link.dark{background-color:var(--dm-elements);color:var(--dm-text-lm-elements)}.country-container{height:calc(100vh - 82px);padding:60px 50px 0}.country-container .country-grid{grid-column-gap:100px;-webkit-column-gap:100px;column-gap:100px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:50px;min-height:-webkit-max-content;min-height:max-content}.country-container .country-grid .flag-wrapper{margin:0 auto;width:100%}.country-container .country-grid .flag-wrapper img{display:block;width:100%}.country-container .country-grid .country-description{display:flex;flex-direction:column;justify-content:center}.country-container .country-grid .country-description.dark{color:var(--dm-text-lm-elements)}.country-container .country-grid .country-description h2{font-size:30px}.country-container .country-grid .country-description .details-grid{display:grid;font-size:18px;grid-template-columns:repeat(2,1fr);margin:30px 0 50px;width:100%}.country-container .country-grid .country-description .details-grid .detail-pair:not(:last-child){margin-bottom:8px}.country-container .country-grid .country-description .neighbours-box{font-size:18px}.country-container .country-grid .country-description .neighbours-box .detail-pair .detail-bold{margin-right:10px;width:-webkit-max-content;width:max-content}.country-container .country-grid .country-description .neighbours-box .detail-pair p:last-child{display:flex;flex-grow:1;flex-wrap:wrap;row-gap:10px;width:-webkit-min-content;width:min-content}.country-container .country-grid .country-description .neighbours-box .detail-pair p:last-child a{margin-left:10px;min-width:-webkit-max-content;min-width:max-content}@media screen and (max-width:1330px){.details-grid{grid-template-columns:1fr!important;row-gap:30px}}@media screen and (max-width:1300px){.country-container{height:-webkit-max-content;height:max-content;padding-bottom:60px}.country-grid{grid-template-columns:1fr!important;row-gap:50px}.neighbours-box .detail-pair{align-items:flex-start;flex-direction:column;row-gap:20px}.neighbours-box .detail-pair p:last-child{grid-column-gap:15px;-webkit-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(-webkit-max-content,1fr));grid-template-columns:repeat(auto-fit,minmax(max-content,1fr));width:100%!important}.neighbours-box .detail-pair p:last-child a{margin-left:0!important}}@media screen and (max-width:500px){.country-container{padding:60px 25px}}.app-container{background-color:var(--lm-bg);color:var(--lm-text);overflow-x:hidden}.app-container.dark{background-color:var(--dm-bg)}
/*# sourceMappingURL=main.9eaa3d9e.css.map*/