*{box-sizing:border-box;margin:0;padding:0}:root{--main-background:#fafafa;--header-background:#fff;--header-text:#111517;--box-shadow1-color:0px 0px 12px 0px rgba(43,57,69,.181);--search-text:#858585;--info-text:#858585;--detail-text:#858585}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--main-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color 1s}@media screen and (min-width:1900px){body{margin:0 auto;max-width:1800px}}.loading_gif{align-items:center;display:flex;height:500px;justify-content:center;margin-top:2rem}.loading_gif svg{height:200px;width:150px}.header{align-items:center;background-color:var(--header-background);box-shadow:var(--box-shadow1-color);color:var(--header-text);display:flex;padding:2rem .5rem;transition:all 1s}.header__title{font-size:1.2rem}.header__title a{background:none;color:var(--header-text);text-decoration:none;transition:color 1s}.switch-mode{align-items:center;cursor:pointer;display:flex;margin-left:auto}.mode__title{font-size:1rem;font-weight:500}@media screen and (min-width:1024px){.header{padding:2rem 3rem}}.light-mode{fill:var(--header-text);height:20px;margin-right:5px;transition:fill 1s;width:20px}.searchCountryName{align-items:center;background-color:var(--header-background);border:none;border-radius:5px;box-shadow:var(--box-shadow1-color);display:flex;height:60px;max-width:450px;overflow:hidden;transition:all 1s}.search__country__name{display:none}.search__logo{margin:0 1.2rem}.search__logo svg{fill:var(--search-text);height:25px;transition:all 1s;width:25px}.search__input{background-color:var(--header-background);border:none;color:var(--search-text);color:var(--header-text);font-size:1rem;outline:none;padding-right:1rem;transition:all 1s;width:100%}.search__input::-webkit-input-placeholder{color:var(--search-text);-webkit-transition:all 1s;transition:all 1s}.search__input:-ms-input-placeholder{color:var(--search-text);-ms-transition:all 1s;transition:all 1s}.search__input::placeholder{color:var(--search-text);transition:all 1s}@media screen and (min-width:1024px){.searchCountryName{width:450px}}.filter__region{border-radius:5px;box-shadow:var(--light-mode-box);cursor:pointer;font-weight:500;margin-top:2rem;max-width:210px;position:relative}.down_arrow{fill:var(--header-text);position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:fill 1s}select{-webkit-appearance:none;appearance:none;background-color:var(--header-background);border:none;border-radius:10px;box-shadow:var(--box-shadow1-color);color:var(--header-text);font-size:1rem;height:60px;outline:none;padding-left:1rem;transition:all 1s;width:100%}option{padding:1rem}@media screen and (min-width:1024px){.filter__region{margin-left:auto;margin-top:0;width:200px}}.search__country{padding:2rem 1rem}@media screen and (min-width:1024px){.search__country{align-items:center;display:flex;padding:2rem 3rem}}.country__article{border-radius:10px;box-shadow:var(--box-shadow1-color);max-width:300px;overflow:hidden}.country_image_box{height:130px;overflow:hidden;width:250px}.country__image{display:block;height:100%;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;width:100%}.country__sub_article{background-color:var(--header-background);border:none;border-radius:0 0 10px 10px;overflow:hidden;padding:.5rem 1.5rem 2rem;transition:all 1s}.country__heading{color:red;color:var(--header-text);font-size:1.3rem;max-width:200px;padding:1rem 0;transition:all 1s}.country__capital,.country__population,.country__region{align-items:center;display:flex;font-size:15px;margin-bottom:.5rem}.country_capital__header,.country_population__header,.country_region__header{color:var(--header-text);font-size:15px;font-weight:500;transition:all 1s}.country_capital__name,.country_population__headcount,.country_region__name{color:var(--search-text);margin-left:5px;transition:all 1s}.country_capital__name{width:130px}@media screen and (min-width:768px){.country_image_box{height:180px;width:300px}.country__image:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2);transition:all 1s}}.error_container{padding:2rem 1rem 0}.error-image{margin:0 auto;max-width:500px}.error-image img{width:100%}.error_text{color:var(--header-text);font-size:1.1rem;text-align:center}.country__list{grid-row-gap:3rem;background-color:var(--primary-color);display:grid;grid-auto-rows:1fr;grid-template-columns:1fr;padding:2rem 1rem;place-items:center}.intersect>span{height:0}.intersect svg{height:100px;width:100px}.countryList_error{margin-top:-3rem}.try_again{margin-top:10px;text-align:center}@media screen and (min-width:768px){.countryList_error{margin-top:-4rem}.country__list{grid-template-columns:1fr 1fr}}@media screen and (min-width:1200px){.country__list{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1800px){.country__list{grid-template-columns:1fr 1fr 1fr 1fr}}.country_main_detail{margin-bottom:2rem}.country_main_box{align-items:center;display:flex;margin:1rem 0}.country_detail_type{color:var(--light-mode-text);color:var(--header-text);font-size:1.1rem;font-weight:500;transition:all 1s}.country_main_box span{color:var(--detail-text);display:block;font-size:1rem;margin-left:5px;margin-top:2px;transition:color 1s}@media screen and (min-width:1000px){.country_main_box{margin:.5rem 0}.country_detail_type{font-size:1rem}.country_main_detail{margin-bottom:0}}.country__detail{flex-direction:column;padding:1rem}.back_btn,.country__detail{align-items:center;display:flex}.back_btn{background-color:var(--header-background);border:none;border-radius:5px;box-shadow:var(--box-shadow1-color);color:var(--header-text);cursor:pointer;font-size:1rem;height:50px;justify-content:center;margin:2rem auto 2rem 1rem;transition:all 1s;width:150px}.left-arrow{display:block;margin-right:.5rem;margin-top:3px}.left-arrow svg{fill:var(--header-text);transition:all 1s;width:30px}.country_detail_pic_box{max-width:400px;padding:0 1rem}.country_detail_pic_box img{width:100%}.country_detail_header{color:var(--header-text);font-size:1.5rem;margin:2rem 0;transition:all 1s}.country_detail_box{padding:0 1rem}@media screen and (min-width:1000px){.country__detail{display:block;padding:1rem 2rem}.country_card_box{grid-column-gap:1rem;grid-template-rows:1fr}.country_card_box,.country_detail_box{display:grid;grid-template-columns:1fr 1fr}.country_detail_box{padding:2rem 0}.country_detail_pic_box{max-width:500px}.country_detail_header{grid-area:1/1/1/-1;margin:0 0 1rem}.country_detail_pic_box img{height:100%}}.country_other_box{align-items:center;display:flex;font-size:1.1rem;margin:1rem 0}.country_other_box span{color:var(--detail-text);font-size:1rem;margin-left:5px;transition:color 1s}@media screen and (min-width:1000px){.country_other_box{margin:.5rem 0}}.country_border_countries h2{color:var(--header-text);font-size:1rem;font-weight:500;padding:1rem 0 .5rem;transition:all 1s}.country_border_box{display:flex;flex-wrap:wrap}.country_border_countries span{background-color:var(--header-background);border-radius:5px;box-shadow:var(--box-shadow1-color);color:var(--header-text);margin:.5rem 1rem .5rem 0;padding:.6rem;transition:all 1s}@media screen and (min-width:1000px){.country_border_countries{align-items:center;display:flex;grid-column:1/-1;margin-top:1.5rem}.country_border_box{margin-left:1rem}.country_border_countries span{margin:0 .3rem .5rem 0;padding:10px}.country_border_countries h2{padding:0}}.dark_mode{--header-background:#2b3945;--header-text:#fff;--box-shadow1-color:0px 0px 5px 0px rgba(0,0,0,.456);--main-background:#202c37;--search-text:#e6e6e6;--detail-text:#ffffffd1}
/*# sourceMappingURL=main.76147e84.css.map*/