:root{--additional-2:#30708f}*{box-sizing:border-box;font-family:PT Sans,sans-serif;margin:0;padding:0}body{background-color:var(--primary)}:root{--primary:#daf7dc;--secondary:#9ee493;--additional:#32908f}.navbar{align-items:center;background-color:#9ee493;background-color:var(--secondary);font-size:1.2rem;height:80px;position:sticky;top:0;width:100%;z-index:999}.nav-menu,.navbar{display:flex;justify-content:center}.nav-menu{flex-direction:row;list-style:none;text-align:center}.nav-item{display:flex}.nav-active,.nav-home{align-items:center;color:#fff;display:flex;margin-left:10px;text-decoration:none}.nav-not-active{display:none}.btn{background-color:#32908f;background-color:var(--additional);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 20px}.btn,.btn:hover{transition:all .3s ease-out}.btn:hover{background-color:#fff;color:#9ee493;color:var(--secondary)}.country-item{border-radius:10px;display:flex;height:100%;margin:1rem;max-height:100%}.country-item-link{border-radius:10px;box-shadow:0 6px 20px #387dff4d;overflow:hidden;padding:.8rem;text-decoration:none;transition:all .3s ease-out;width:100%}.country-item-link:hover{transform:scale(1.1);transition:all .3s ease-out}.country-item-link-wrap{display:flex}.country-item-img{height:100%;width:100%}.country-short-info{display:flex;flex-direction:column;padding:10px}.country-label{align-self:flex-start;color:var(--additional);display:flex}.label-value{font-weight:700;margin-left:4px}.countries-app{color:#000;margin-top:64px}.countries-app,.country-search{align-items:center;display:flex;flex-direction:column}.country-search{justify-content:center;margin-bottom:64px}.country-text{margin-bottom:32px;text-align:center}.country-input{background-color:var(--secondary);border-radius:4px;font-size:18px;height:50px;padding-left:16px;width:300px}.country-input,.country-input::placeholder{color:var(--additional)}.country-input:focus{box-shadow:0 0 15px 5px var(--additional)}.info-text{color:#f11;font-weight:700;margin-bottom:-10px;margin-top:10px}.filter-container,.filter-wrapper{align-items:center;display:flex;justify-content:center}.filter-wrapper{flex-direction:column}.filter-header{letter-spacing:.1rem}.filter-icons{display:flex}.active-filter,.non-active-filter{border:none;border-radius:100%;cursor:pointer;padding:8px}#alphabetically,#filteringCurrency,#filteringLanguage{font-size:20px}.active-filter+.active-filter,.non-active-filter+.non-active-filter{margin-left:5px}.non-active-filter{background:#0000}.active-filter{background:var(--additional)}.countries-container{display:flex;justify-content:center}.countries-wrapper{align-items:center;display:flex;flex:3 1}.countries-items{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;list-style:none}@media only screen and (min-width:768px){.countries-items{display:flex;flex-direction:column}}@media only screen and (min-width:992px){.countries-items{display:flex;flex-direction:row;flex-grow:2;flex-wrap:wrap}}@media only screen and (min-width:1200px){.countries-items{display:flex;flex-direction:row;flex-grow:4}}.info-container{display:flex;justify-content:center;margin-top:64px}.info-wrapper{display:flex;flex-direction:column}.country-title{margin-bottom:32px}.country-name{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:3.5rem;text-align:center}.country-flag{align-items:center;display:flex;justify-content:center;margin-bottom:32px}.flag{width:50%}.country-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.info-item{border-radius:10px;box-shadow:0 6px 20px #387dff4d;max-width:300px;width:100%}.country-row>.info-item{margin:10px 5px}.info-item-caption{background-color:var(--additional);border:1px solid var(--additional);border-radius:10px 10px 0 0;margin-bottom:10px;padding:8px 20px}.info-item-title{color:#fff;text-align:center}.info-item-details{display:flex;flex-direction:column;padding:.5rem}.info-item-row{color:var(--additional);display:flex;flex-direction:row;flex-wrap:wrap;padding:.3rem}.info-item-label{margin-right:4px}.border-links{color:var(--additional);text-decoration:none}@media only screen and (min-width:1200px){.country-row{flex-wrap:nowrap}}@media only screen and (max-width:992px){.country-row{flex-direction:row;flex-wrap:wrap}}
/*# sourceMappingURL=main.9de0250b.css.map*/