body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}:root{--color-dark:#282c34;--color-green:#2c666e}.body{background-color:#f2f5f8;min-height:100vh;-webkit-transition:.4s;transition:.4s}.body.dark-mode{background-color:#202040;color:#fff}.dark-mode .navbar{background-color:rgba(32,32,64,.95)}.dark-mode .border-country,.dark-mode .country-card,.dark-mode .dropdown .css-1pahdxg-control,.dark-mode .dropdown .css-26l3qy-menu,.dark-mode .dropdown .css-yk16xz-control,.dark-mode .navbar,.dark-mode .search-field{background-color:#2c2b5a;color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5)}.dark-mode .css-1uccc91-singleValue,.dark-mode .css-1wa3eu0-placeholder{color:#fff}.dark-mode .back-button,.dark-mode .toggle,.dark-mode input{background-color:#2c2b5a;color:#fff}.dark-mode input::-webkit-input-placeholder{color:#f2f2f2}.dark-mode input::-moz-placeholder{color:#f2f2f2}.dark-mode input:-ms-input-placeholder{color:#f2f2f2}.dark-mode input::-ms-input-placeholder{color:#f2f2f2}.dark-mode input::placeholder{color:#f2f2f2}.dark-mode .css-26l3qy-menu li:hover{background-color:#202040}@-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)}}.country-card{border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#fff;max-width:300px;cursor:pointer}.country-card-picture{display:block;background-size:cover;background-position:50%}.country-card-picture,.country-card-picture img{height:150px;border-top-left-radius:4px;border-top-right-radius:4px}.country-card-picture img{width:100%}.country-card-info{padding:1rem 1.5rem}.country-card-info-name{font-size:20px;margin:15px 0}.country-card-info p{font-size:14px}@media (max-width:600px){.country-card{max-width:100%}}.country-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,.25fr));grid-gap:4rem}.home-page-main{margin:0 auto;padding:3rem 5%}.filter-container{padding:0 5%;margin:3rem 0 0;display:flex;justify-content:space-between}.search-field{width:33%;min-width:200px;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);padding:0 1rem;height:42px;border-radius:4px;display:flex;align-items:center}.search-field input{height:32px;width:100%;margin-left:10px}.dropdown,.search-field input{border:0;font-size:16px;outline:none}.dropdown{display:block;height:42px;background:#fff;border-radius:4px;width:200px;padding:0;-moz-appearance:none;-webkit-appearance:none;box-shadow:0 5px 10px rgba(0,0,0,.1)}.dropdown-container{position:relative}.dropdown .css-yk16xz-control{border:0;outline:none;min-height:42px;padding:0 10px}.dropdown .css-1okebmr-indicatorSeparator{width:0}.dropdown .css-1pahdxg-control{min-height:42px;padding:0 10px}@media (max-width:600px){.filter-container{flex-direction:column}.search-field{width:94%;margin-bottom:20px}.country-card-container{grid-template-columns:1fr;padding:0 10%}}.back-button{width:140px;border-radius:4px;height:42px;font-size:15px;cursor:pointer}.back-button-container,.container{width:90%;margin:50px auto 0}.container{display:flex;justify-content:space-between}.country-image{width:47%}.country-image img{max-width:100%}.country-details{width:47%;font-size:15px;align-self:center}.country-details>div{display:flex}.country-info{width:50%}.border-countries{margin-top:15px;display:flex;justify-content:space-between}.border-countries>p{width:25%}.border-countries>div{width:75%}.border-country{padding:10px;display:inline-block;margin:5px;box-shadow:0 4px 4px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.1);border-radius:4px}@media (max-width:600px){.back-button-container{width:80%}.container{flex-direction:column;width:80%;padding-bottom:40px}.country-image{width:100%;margin-bottom:20px}.country-details{width:100%}.country-details>div{flex-direction:column}.country-info{width:100%;margin-bottom:10px}.border-countries>div,.border-countries>p{width:100%}.border-country{margin-left:0;margin-right:10px}}.navbar-container{box-shadow:0 5px 10px rgba(0,0,0,.1);background-color:#fff}.navbar{height:70px;justify-content:space-between;padding:0 5%}.navbar,.toggle{display:flex;align-items:center}.toggle{border:0;font-size:15px;cursor:pointer}.toggle span{font-size:24px;margin-right:5px}@media (max-width:600px){.navbar-header{font-size:18px}}
/*# sourceMappingURL=main.cf2da6a0.chunk.css.map */