@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;900&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;font-family:Nunito Sans,sans-serif}*{margin:0;padding:0}*,header{color:#fff}header{height:90px;background:#2b3945;display:flex;padding:0 5%;align-items:center;box-shadow:4px 5px 5px 5px #140000;transition:all .3s}h2{font-size:24px}.headerWhite{background-color:#fafafa;color:#111517}.bg-changer{position:absolute;right:5%;top:30px;cursor:pointer;display:flex;align-items:center}.bg-changer>img{width:20px;height:20px}.changebg{filter:invert(3%) sepia(51%) saturate(100%) hue-rotate(223deg) brightness(0) contrast(102%)}.mode-toggle>div>span{margin:5px}.container{height:auto;min-height:calc(100vh - 90px);background-color:#202c37;transition:all .3s}.containerlight{background-color:#fafafa}.inputs{display:flex}.input{position:relative}.input,label{width:100%;margin:0}label{padding:0}.input-text{width:500px;margin:20px 7%;background:#2b3945;border:none;outline:none;color:#fff;padding:17px 5em;background-image:url(/img/icon-search.fea990bf.svg);background-position-y:center;background-position-x:5%;background-size:20px;background-repeat:no-repeat;border-radius:3px}.inputlight{background-color:#fafafa;box-shadow:2px 3px 3px 2px #c7c7c7;color:#858585;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAACoklEQVR4nO2ZTWsTURSGHyNNIopgWxcuhFLtx96vpRgUf4Bgi65cSf0LWl37AxREXGmttbtCtGB1USqWqtnVghEXLiU7EfzARC6cgeFwp2a8985kSl64m2HyvnnnnnPmnDvQRx99hMQRYAZ4DDSAFvBLVkuuzck9o/QYdgPTwBrQBjpdrrb8Zgoo5W3iLLCV4s8nrU2gloeBPcA9Dwb0ugNUszJxENjYJlzeAteB08AEsFfWhFy7IfckheEbYCgLEx8SDMwDR1NwjQFPEgyZUBsOGU62nfgIHHPgPQE0LbzrocLMlhMvgAMeuAeBlYSc8YpzCSYGPGoMJJip+XxPbFnCycdO2HamacmXkg/yaUtiHyccTloKwEUfxK8VqWk/QmNBaa766J3iT6ctZTM0xiy6Iy6E19STMeU3K7xT2lddyOYUmXkrZ4VZpf3QhayhyEyLkRXOKG2zQ/+NliIbJzuY3iyu/dWF7Kci20d2MFpx7R9FNbJfaX/bKaH1eack+3pRy+9Npf3AhWxGkZnJLivoaLjkQjaaU4sybtE95Eq6pp6MGU9DY1FpPvdBOmVp4814GgqnLG38eV+D1aYibsoQ5Bvm9OST0moAu3wJ1Cwj6EqAUfeV0vgdYoi7m2Bm0NNOvLTw3yYAqnJ41rGEmRlPXXJCh1O06kCFABi25EtUABZSlmZTYp92cfBdD2VmSNoFm2hb5oZZaTEmY0emk3LNvLHfpzy5r4cyU5XDs06Gqx7KTFTNbKGWdm3IJ4pneZopybnTaspw+QMsAxdi74lK3mYijMhpxyPJlZYMZ9+BL9J03geuAIexo2fM+EAZWPqHmeUsPwq5oG+mV1Huh1mPotJFNbtMQVDeJsxuUTCULWYKZwJB3ExhTUQwOZOYE38BS9f5di/EEDoAAAAASUVORK5CYII=);background-size:20px}.filter{margin:20px 5%}.select{width:200px;height:50px;border:none;outline:none;padding:10px 15px;color:#fff;background-color:#2b3945}.selectlight{background-color:#fff;color:#111517;box-shadow:1px 2px 3px grey}.items{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:10px 4%}.item{background-color:#2b3945;height:400px;margin:30px 5%}.itemlight{background:#fafafa;box-shadow:2px 2px 2px 3px #eee}.item img{width:100%;height:200px}.more-info{padding:0 7%}.moreinfolight{color:#111517}.country-name{font-size:18px;font-weight:600;margin:20px 0}.loader{width:90%;height:78vh;margin:0 5%;display:flex;justify-content:center;align-items:center}.loading{width:50px;height:50px;border-radius:50%;background-color:#ededed;animation:bounce .5s cubic-bezier(.19,.57,.3,.98) infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-100px);background-color:#022199}}@media screen and (max-width:1000px){.input-text{width:400px}.select{width:150px}.items{grid-template-columns:1fr 1fr}}@media screen and (max-width:720px){h2{font-size:18px}.inputs{flex-direction:column}.input-text{width:300px;margin-left:6%}.filter{margin:10px 7%}.items{grid-template-columns:1fr}}