body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Nunito Sans,sans-serif;text-align:center}.dark-mode{background-color:#202c37;color:#fafafa}.light-mode{background-color:#fafafa;color:#333}.card-light-mode{background-color:#fff}.card-dark-mode{background-color:#2b3945}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header{box-shadow:1px 1px 7px #ebebeb;display:flex;flex-direction:row;height:80px;justify-content:space-between;margin:0}.header-left{font-size:1.5rem;font-weight:600;margin-left:10%}.header-right{align-items:center;display:flex;flex-direction:row;margin-right:10%}.search-and-filter{display:flex;flex-direction:row;justify-content:space-between;margin:2rem auto;max-width:80%}@media (max-width:400px){.search-and-filter{flex-direction:column}.search-container{margin-bottom:2rem}}.search-container{align-items:center;background-color:#fff;border-radius:5px;box-shadow:1px 1px 7px #b8b8b8;display:flex;flex-direction:row;height:45px;width:300px}.search-icon{height:25px;margin:0 10px 0 10%;width:auto}.search-input{border:none;height:45px;width:100%}.container-region-filter{align-items:center;background-color:#fff;border-radius:5px;box-shadow:1px 1px 7px #b8b8b8;display:flex;flex-direction:row;height:45px;width:300px}.region-select{border:none;height:45px;width:100%}.card-container{grid-column-gap:2rem;grid-row-gap:2rem;display:grid;grid-template-columns:repeat(4,1fr);margin:auto 10%}@media only screen and (max-width:1440px){.card-container{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:1024px){.card-container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:768px){.card-container{grid-template-columns:1fr}}.country-card{border-radius:5px;box-shadow:1px 1px 7px #ebebeb;max-width:325px;min-width:270px;overflow:hidden}.container-flag{height:50%;padding:0}.container-country-info{font-size:14px;height:55%;margin:10% 10% auto;padding:0;text-align:left}.container-country-info h1{font-size:1.3rem;margin-bottom:10%}.flag-image{height:100%;object-fit:cover;width:100%}.footer-container{margin:20rem auto 0}.dark-mode-button{border:2px solid #111517;border-radius:50%;cursor:pointer;height:50px;width:50px}.dark-mode-button:hover{border-color:#ff4500;opacity:70%}.dark-mode-icon{background:transparent;height:1.5rem;margin:0;overflow:hidden;padding:0;width:1.5rem}
/*# sourceMappingURL=main.b85ec4f7.css.map*/