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}.country{display:flex;flex-direction:column;justify-content:center;width:20rem;border-radius:45% 45% 25% 0;box-shadow:15px 25px 35px;margin:1rem 2rem;transition:.5s}.country:hover{cursor:pointer;transform:scale(1.05)}.imgC{width:20rem;height:10rem;object-fit:cover;border-radius:50% 50% 0 0}.displayCountries{display:flex;flex-wrap:wrap;justify-content:center;padding:0 6rem;box-sizing:border-box;margin-top:4rem}#inputBox{font-size:large;width:20rem;height:2rem;outline:none;border:none;text-indent:40px;transition:.2s;color:grey;letter-spacing:1px;box-shadow:0 0 2px 0}.headerBar{width:100%;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;padding-top:0;text-align:left;box-shadow:0 2px 10px}.headerBar,.searchBox{display:flex;height:6rem;align-items:center}.searchBox{justify-content:space-around}#regionSelector{font-size:large;width:15rem;height:2rem;outline:none;border:none;transition:.2s;color:grey;letter-spacing:1px;box-shadow:0 0 2px 0}.oneCountry{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:auto;display:flex;line-height:2rem;justify-content:center;padding-right:2rem;background-color:#c7cacc;border-radius:8px}.capital{margin-top:2rem;width:16rem;display:flex;flex-direction:column}#imgD{width:500px;margin:3rem;border-radius:8px}#borders{display:flex;flex-wrap:wrap;width:200%;margin-top:2rem}#domain{margin-top:7rem}#back{width:8rem;height:3rem;margin-bottom:4rem;margin-left:20rem}.countryBtn{display:flex;flex-direction:column}.borderBtn{width:4rem;margin-right:.5rem}#themeBtn{width:8rem;height:3rem;margin-right:3rem;border-radius:4px;border-width:1px;outline:none}#themeBtn:hover{background-color:grey;color:#fff;outline:none}#countryDet{margin:auto;padding:6rem}.App{text-align:center}.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{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}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c89cc27a.chunk.css.map */