body{background-color:#f9f9f9;font-family:Nunito Sans,sans-serif;min-width:350px}.flex-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 25px;row-gap:50px}@media screen and (max-width:680px){.flex-container{margin:0 20px}}.search-filter{display:flex;justify-content:space-between;margin:40px 0}.search-bar{margin-left:10%;width:40%}@media screen and (max-width:800px){.search-filter{display:block}.search-bar{width:80%}}.input-icon-search{margin-left:20px;margin-top:21px;position:absolute}.search{border:none;box-shadow:0 3px 10px rgba(0,0,0,.2);height:3.5rem;padding-left:60px}.home{padding-bottom:100px}.dark-search{background-color:#2b3845;color:#fff}.dark-search::-webkit-input-placeholder{color:#ececec}.dark-search:-ms-input-placeholder{color:#ececec}.dark-search::placeholder{color:#ececec}.dark-search:focus{background-color:#2b3845;border-color:#f7faf7;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #fff;color:#fff;outline:0 none}.light-search{background-color:#fff}.light-search:focus{color:#848484}.card,.light-search:focus{box-shadow:0 3px 10px rgba(0,0,0,.2)}.card{margin:0 25px;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:16rem}.card-text{padding-left:0}.card:hover{cursor:pointer;-webkit-transform:translateY(-10px);transform:translateY(-10px)}@media screen and (max-width:680px){.card{margin:0 20px}}.card li{list-style:none}.card-title{font-size:20px;margin-bottom:20px;margin-top:10px}.card-body{margin-bottom:30px}.country-png-image{max-height:150px;min-height:150px}.dark-card{background-color:#2b3845}.dark-card:hover{background-color:#3c4e5f}.light-card{background-color:#fff}.light-card:hover{background-color:#f7f7f7}.filter{border:none;box-shadow:0 3px 10px rgba(0,0,0,.2);height:3.5rem;padding-left:30px}.filter:hover{cursor:pointer}.filter-bar{margin-right:10%;width:23%}@media screen and (max-width:800px){.filter-bar{margin-left:10%;margin-top:20px;width:40%}}@media screen and (max-width:450px){.filter-bar{width:50%}}.dark-filter{background-color:#2b3845;border:#2b3845;color:#fff}.dark-filter:focus{border-color:rgba(247,250,247,.8);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 4px #fff;outline:0 none}.light-filter{background-color:#fff}.light-filter:focus{box-shadow:0 3px 10px rgba(0,0,0,.2)}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-spinner{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#383636;height:50px;width:50px}.spinner-container{left:50%;margin:-25px 0 0 -25px;position:absolute;top:50%}.boxA,.boxB,.boxC,.boxD{padding:0;width:50%}.page-content{display:flex;margin-left:0}.flag-img{height:380px;margin-left:10%;width:75%}.country-item{margin-bottom:8px;margin-top:8px}.country-name{margin:4% 0;padding:0}.neighbour-country-btn{box-shadow:0 3px 10px rgba(0,0,0,.2);margin:0 10px 10px 0}.border-countries-container{margin-top:8%;padding:0}.border-countries-text{padding-right:10px}.back-btn{box-shadow:0 3px 10px rgba(0,0,0,.2);margin-bottom:35px;margin-left:5%;margin-top:35px;padding-left:30px;padding-right:30px}.verbal-details{margin-left:0;margin-right:10%}.dark-button{background-color:#2b3845;color:#fff}.dark-button:hover{color:#000}.dark-button:hover,.light-button{background-color:#fff}.light-button:hover{background-color:#000;color:#fff}@media screen and (max-width:1350px){.flag-img{height:350px;width:75%}}@media screen and (max-width:1150px){.page-content{display:block}.boxA,.boxB{width:100%}.boxB{margin-top:30px}.flag-img{height:280px;width:40%}.back-btn,.verbal-details{margin-left:10%}.border-countries-container{margin-bottom:10%}}@media screen and (max-width:1000px){.flag-img{height:280px;width:50%}}@media screen and (max-width:720px){.flag-img{height:250px;width:60%}.boxC,.boxD{width:100%}.boxD{margin-top:20px}}@media screen and (max-width:600px){.flag-img{width:80%}.border-countries-text{display:flex}}@-webkit-keyframes text{0%{background-color:#f3f3f3}50%{background-color:#cecece}to{background-color:#f3f3f3}}@keyframes text{0%{background-color:#f3f3f3}50%{background-color:#cecece}to{background-color:#f3f3f3}}.loading-text{-webkit-animation:text 1.5s linear infinite;animation:text 1.5s linear infinite;background-color:#f3f3f3;height:25px;width:150px}.text-container{position:absolute}.navbar{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);width:100%}.dark-nav{background-color:#2b3845}.light-nav{background-color:#fff}.navbar-text{font-size:22px;margin-left:5%;padding-top:10px}.toggler{list-style:none;margin-right:5%}@media screen and (max-width:450px){.theme-toggler{display:none}}@media screen and (max-width:1150px){.navbar-text{margin-left:10%}.toggler{margin-right:10%}}.header-container{padding:0}.toggler:hover{color:gray;cursor:pointer}
/*# sourceMappingURL=main.d130fb61.css.map*/