:root{--dark-blue:#35548b;--light-blue:#5687e2}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;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{background-color:var(--dark-blue);margin:0;padding:0;text-align:center}.icons{font-size:1.5em}.icons:hover{cursor:pointer}.header{align-items:center;display:flex;justify-content:space-between;padding:1em}.header h1{font-size:2.5em;font-weight:700;margin:0 0 0 -90px}.header img{width:150px}.icon{gap:0 .8em}.icon,.search-bar{display:flex}@media screen and (max-width:768px){.header{align-items:center;flex-direction:column}.header h1{font-weight:700;margin:0}.icon{margin-top:1em}}.flag{height:50px;width:100px}.search-bar{align-items:center;border-bottom:1px solid #fff;justify-content:space-between;margin:1em auto;padding:.5em;width:70%}.search-bar input,button{background-color:initial;border:0}.input-field{color:#fff;font-size:1.5em}::-webkit-input-placeholder{color:#fff;opacity:1}::placeholder{color:#fff;opacity:1}::-ms-input-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}.bi-search{color:#fff;font-size:2.5em}.container{display:grid;grid-template-columns:repeat(2,50%)}.country-card{background-color:var(--light-blue);padding-top:10px}.country-card:hover{background-color:var(--dark-blue);cursor:pointer}input:focus,select:focus,textarea:focus{outline:none}.country-container{background-color:var(--light-blue)}.name-backkey-container{align-items:center;display:flex;justify-content:space-between}.country-info{padding:0!important;text-align:center}.country-flag{width:200px}.country-info li{display:flex;justify-content:space-between;list-style:none;padding:1em}.country-info li:nth-of-type(odd){background-color:var(--dark-blue)}.country-info li:hover,.country-info li:nth-of-type(odd):hover{background-color:#ccc;color:#000}.description{color:#fff}.country-info li:hover .description{color:#000}
/*# sourceMappingURL=main.c3dc277e.css.map*/