@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,600;0,800;1,600;1,800&display=swap");:root{--Text-Color:#111517;--Elements-Color:#fff;--Background-Color:#fafafa;--Element-Box-Shadow-Color:#111517}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Nunito Sans,sans-serif;background-color:var(--Background-Color);color:var(--Text-Color);font-size:14px}body::-webkit-scrollbar{display:none}main{max-width:1280px;margin:0 auto}.icon{color:var(--Text-Color)}.countriesList{max-width:1280px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin:0 auto;grid-gap:70px;gap:70px}a{color:var(--Text-Color);text-decoration:none}.country-element{background-color:var(--Elements-Color);border-radius:5px;box-shadow:0 0 5px -2px var(--Element-Box-Shadow-Color);cursor:pointer}.country-element img{border-radius:5px;width:100%}.country-element-information{padding:15px}.country-element-information h2{padding:10px 0}.country-element-information p{font-weight:600}.country-element-information span{font-weight:300}@media only screen and (max-width:1300px){main{padding:0 3%}}@media only screen and (max-width:992px){.countriesList{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width:768px){.countriesList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:500px){.countriesList{grid-template-columns:1fr}}body.dark{--Text-Color:#fff;--Elements-Color:#2b3945;--Background-Color:#202c37;--Element-Box-Shadow-Color:#2b3945}