@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap");*{box-sizing:border-box}body,html{padding:0;font-weight:300;margin:0;font-family:Nunito Sans,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}nav{width:100%;margin-bottom:40px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2)}nav div{justify-content:space-between;width:90%;margin:0 auto}nav a,nav div{display:flex;align-items:center}nav a{cursor:pointer;column-gap:10px}.switch{font-weight:600}.container{display:flex;flex-direction:column;width:90%;margin:0 auto}.filterContainer{width:100%;margin:0 auto;display:flex;align-items:baseline;justify-content:space-between}.inputControl{width:40%;position:relative}.inputControl input{border:none;border-radius:5px;width:100%;padding:18px 18px 18px 50px;box-shadow:0 0 7px 0 rgba(0,0,0,.2)}.inputControl svg{position:absolute;top:15px;left:20px}.selectControl{width:20%;position:relative;padding-bottom:7px}.selectControl svg{top:18px;right:15px;position:absolute;cursor:pointer}.select{position:relative;border-radius:5px}.select a{border:none;width:100%;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;cursor:pointer;padding:15px 30px 15px 15px;box-shadow:0 0 7px 0 rgba(0,0,0,.2)}.options:focus,.options:hover,.select:focus .options,.selectControl:hover .options{display:inline-block}.options{display:none;position:absolute;z-index:10;padding:5px 15px;border-radius:5px;box-shadow:0 0 7px 0 rgba(0,0,0,.2);width:100%;background-color:blue;top:60px;left:0}.options div{padding:3px 0;cursor:pointer}.option:hover{opacity:.6}.countries{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}.countries a{width:260px;height:100%}.country{width:100%;height:100%;border-radius:5px;margin-bottom:100px;display:flex;position:relative;flex-direction:column;box-shadow:0 0 7px 0 rgba(0,0,0,.2)}.countryFlag img{border-top-left-radius:5px;border-top-right-radius:5px;margin:0 auto;width:260px;height:150px}.countryData{width:80%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start}.countryData ul{list-style:none;margin:0;padding:0 0 30px}.countryData ul li{margin-bottom:5px}.countryData ul strong{font-weight:600}.countryContainer{width:100%;margin:0 auto;justify-content:space-between}.back,.countryContainer{display:flex;align-items:center}.back{justify-content:center;column-gap:10px;min-width:120px;padding:9px;font-weight:300}.countryFlagBig{height:50vh;width:50vw;min-width:420px;min-height:250px;position:relative}.countryDetails{height:40vh;max-height:320px;display:flex;margin-left:50px;flex-direction:column;justify-content:center;align-items:flex-start}.countryDetails h1{margin:0 0 20px}.countryDetails ul{list-style:none;display:flex;flex-direction:column;row-gap:5px;flex-wrap:wrap}.countryDetails>.detailCols{width:100%;display:flex;justify-content:space-between}.countryDetails>div ul:first-child{padding-left:0}.container a>button{margin-bottom:50px}.borderCountries{margin-top:50px;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start!important;column-gap:9px;row-gap:9px}.borderCountries a,button{border:none;border-radius:5px;box-shadow:0 1px 5px 0 rgba(0,0,0,.2);padding:5px 10px;min-width:105px;text-align:center}@media (max-width:768px){.filterContainer{flex-direction:column;row-gap:20px}.inputControl{width:90vw}.selectControl{width:60vw}.countries{justify-content:space-around}.country{margin-bottom:40px}.countryContainer{flex-direction:column;height:100%;justify-content:space-between;align-items:center}.countryFlagBig{min-width:80vw;min-height:35vh;width:90%;height:100%}.countryDetails{width:100%;height:100%;max-height:100vh;margin-left:0;margin-top:50px;padding-bottom:25px}.countryDetails>div ul{padding-left:0}.countryDetails>.detailCols{flex-direction:column}.borderCountries strong{width:90vw}}