@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#4369b2}.App{display:flex;flex-direction:column;gap:12px}.header{align-items:center;display:flex;justify-content:space-between;padding:0 2%}h1{font-family:Gill Sans,sans-serif;font-size:2em;font-weight:700}.icons,h1{color:#fff}.icons{font-size:1.3em}.icon{align-items:center;display:flex;gap:15px}.flag{align-self:center;height:20%;width:50%}.content-country{color:#fff;display:flex;flex-direction:column;gap:15px;padding:8%;position:relative}.population{align-self:flex-end;font-family:Lato,sans-serif;font-size:1.1em;font-weight:600}.country-typo{align-self:flex-end;display:flex;flex-direction:column;gap:5px}.country-name{font-family:Gill Sans,sans-serif;font-size:1.3em;font-weight:800;text-align:justify}.country-container{gap:18px;margin:auto auto 10px;width:50%}.country-container,ul{display:flex;flex-direction:column}ul{gap:8px;list-style-type:none}li{background-color:#9bbdfc;border-radius:8px;display:flex;justify-content:space-between;padding:2%}.image-info{align-self:center}h2{align-self:flex-start;background-color:#9bbdfc;border-radius:5px;font-size:2em;padding:1%}.title,h2{font-family:Gill Sans,sans-serif}.title{font-size:1.3em;font-weight:500}.description{font-family:Lato,sans-serif;font-size:1.1em}.language{display:flex;gap:5px}a{text-decoration:none}.arrow-back{background-color:#fff;border-radius:100%;font-size:2em;margin-left:2%}.arrow-back:hover{background-color:#3af70b;color:#fff}.lang{background-color:#125302;border-radius:5px;color:#fff}.container{display:grid;grid-template-columns:1fr 1fr;padding:2%}.country-card{background-color:#4167af;border:1px solid #3e61a3}.country-card:nth-child(4n+2),.country-card:nth-child(4n+3){background-color:#3e61a3}.country-card:hover{background-color:#022c70;color:#fff}.search-Region{border-radius:5px;display:flex;flex-direction:row;justify-content:center;margin:auto;width:80%}.input-field{border-bottom-left-radius:10px;border-style:none;border-top-left-radius:10px;display:block;outline:none;padding:1%;width:80%}.btn{background-color:#fff;border-bottom-right-radius:10px;border-style:none;border-top-right-radius:10px;padding:1%}.btn:focus,.input-field:focus{outline:1px solid #000}.arrow-right{border:1px solid #fff;border-radius:100%;color:#fff;float:right;margin:1%}
/*# sourceMappingURL=main.0dfdafff.css.map*/