body,html{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}a{color:inherit;text-decoration:none}p{margin:0;padding:0}li{list-style:none}.country-list{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,350px);min-height:77vh;padding-left:5vw}.dark-mode .country-list{background-color:#202c37;color:#fff}.country-list .card{border-radius:.5rem;box-shadow:0 0 10px #0000001a;margin:1rem;max-height:300px;padding-bottom:5vh}.country-list .image{height:200px;width:100%}.country-list .image img{border-radius:.5rem .5rem 0 0;height:100%;object-fit:cover;width:100%}.card h3{font-size:16px;margin-left:1.5rem}.country-list .info-container{align-items:flex-start;display:flex;margin-bottom:.5rem;margin-left:1.5rem}p.title{font-size:14px;font-weight:600;margin:0;padding-right:5px}p.value{flex-grow:1;font-size:14px;font-weight:400}@media screen and (max-width:1400px){.country-list{grid-template-columns:repeat(3,350px)}}@media screen and (max-width:450px){.country-list{gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-right:5vw}.card h3,.country-list .info-container{margin-left:2rem}}header{align-items:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;justify-content:flex-start}.dark-mode header{background-color:#2b3743}header ul{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:1rem 3rem;width:100%}.dark-mode header ul{color:#fff}header ul li:first-child{font-size:16px;font-weight:600}li.dark-mode{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:10px}.dark-mode>svg{rotate:-30deg}@media screen and (max-width:450px){header ul{padding:1rem}}.search-bar{padding-bottom:5vh;padding-top:5vh}.dark-mode .search-bar{background-color:#202c37}.search-input-container{align-items:center;border-radius:4px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flex;margin-left:5vw;position:relative;width:30%}.dark-mode .search-input-container{background-color:#2b3945}.dark-mode .search-input-container input[type=text]{background-color:#2b3945;color:#fff}.search-input-container input[type=text]{border:none;outline:none}.search-input-container .search-icon{color:#858585;font-size:24px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.dark-mode .search-input-container .search-icon{color:#fff}.dark-mode ::placeholder,textarea::placeholder{color:#fff;opacity:1}.dark-mode :-ms-input-placeholder,textarea:-ms-input-placeholder{color:#fff}.dark-mode ::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff}.search-bar{align-items:center;display:flex;justify-content:space-between}.search-bar input[type=text]{border:none;box-sizing:border-box;margin:8px 24px;padding:12px 20px;width:30%}.search-bar select{border:none;box-shadow:0 0 10px #0000001a;margin-right:10vw;padding:20px 30px 20px 5px}.dark-mode .search-bar select{background-color:#2b3945;border-radius:4px;color:#fff}.search-bar select:active,.search-bar select:focus{background-color:#fff;outline:none}.dark-mode .search-bar select:active,.dark-mode .search-bar select:focus{background-color:#2b3945;color:#fff}.dark-mode .search-bar select option{background-color:#fff;background-color:#2b3945;color:#fff;padding:10px}.custom-selector{position:relative}@media screen and (max-width:450px){.search-bar{align-content:center;align-items:center;flex-direction:column;justify-content:center;justify-items:center;padding:20px 0 1vh}.search-input-container{margin:0 0 5vh;width:90%}.search-bar input[type=text]{margin:0 0 0 5vw;padding:20px;width:100%}.search-bar select{align-self:flex-start;margin-left:5vw;padding:2vh 10vw 2vh 20px}}.btn-back{align-items:center;border-radius:4px;box-shadow:0 0 30px 5px #00000040;display:flex;gap:10px;justify-content:center;margin-left:3rem;margin-top:20px;padding:10px 5px;position:absolute;width:100px}.dark-mode .loading{background-color:#202c37}.dark-mode .btn-back{background-color:#2b3743;border-radius:4px;color:#fff}.single-country{align-items:flex-start;display:flex;justify-content:space-around;padding:10rem 3rem}.dark-mode .single-country{background-color:#202c37;color:#fff}.single-country .info-container .container{align-items:center;display:flex;padding-bottom:10px;width:100%}.single-country .image{border-radius:.5rem;box-shadow:0 0 10px #0000001a;height:400px;justify-self:flex-start;width:50%}.single-country .image img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.single-country .column .info-container{align-items:center;display:flex;flex:1 1;gap:10vw;justify-content:space-evenly;margin-bottom:.5rem}.border-countries-list button{background-color:#fff;border:none;border-radius:4px;box-shadow:0 0 10px #0000001a;color:#000;cursor:pointer;margin-bottom:10px;padding:10px 20px}.dark-mode .border-countries-list button{background-color:#2b3743;color:#fff;margin-bottom:10px}.single-country .border-countries .container-1{padding-bottom:10px}.border-countries p{font-weight:700}.border-countries-list a{font-size:14px;padding-right:10px;width:100%}@media screen and (max-width:450px){.single-country{flex-direction:column;gap:20px;padding:7rem 3rem}.single-country .image{height:auto;width:100%}.single-country .image img{border-radius:0}.single-country .column{width:100%}.single-country .column .info-container{align-items:flex-start;flex-direction:column;gap:3vh}.border-countries{align-items:flex-start;flex-direction:column;gap:20px;margin:0;padding-top:2vh}}
/*# sourceMappingURL=main.4d75a9ed.css.map*/