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}#searchbar{align-items:center;background-color:#025b5b;border:1px solid teal;display:flex;height:60px;justify-content:center;position:fixed;top:0;width:100%}#searchform{display:flex;height:50%;width:40%}#search-input{background:transparent;border:1px solid #039b9b;margin-left:2%;margin-right:2%;width:78%}#search-btn,#search-input{color:#fff;font-family:lato,sans-serif;font-size:18px;height:100%}#search-btn{background-color:#038080;border:transparent;width:20%}#search-btn:hover{background-color:#fff;color:#025b5b}#countrydisplay{border:2px solid #025b5b;border-radius:5px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,22%);justify-content:space-around;margin:80px auto auto;padding-bottom:20px;width:70%}#country-card{border:1px solid #e0e0e0;border-radius:5px;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);box-sizing:border-box;height:290px;margin-top:25px;overflow:auto;padding:4%;width:100%}#country-card:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px #029292}#countryflag{height:50%;margin-bottom:10px;width:100%}#countryname{color:#015e5e}#capital{font-size:18px}#population{font-size:15px}.pagination{margin-bottom:20px;margin-top:20px}#selectfilter,#selectsort{background:transparent;background-color:#025b5b;border:none;color:#fff;margin-left:30px}#model{background-color:#fafafa;border:2px solid #016161;border-radius:5px;box-sizing:border-box;height:500px;left:400px;padding:1%;position:fixed;top:100px;visibility:hidden;width:50%}#upperdiv{color:#025e5e;height:12%;overflow:auto;text-align:center;width:100%}#middlediv{display:flex;height:46%;justify-content:space-around}#lowerdiv,#middlediv{margin-top:2%;width:100%}#lowerdiv{align-content:space-between;display:grid;grid-template-columns:repeat(3,32%);grid-template-rows:repeat(2,48%);height:37%;justify-content:space-between}#modelflag,#modelmap{border:1px solid gray;height:100%;width:45%}.infocard{background-color:#f1fdff;border-radius:10px;box-sizing:border-box;padding-top:8px;text-align:center}#info1{border-bottom:5px solid #ffc14e}#info2{border-bottom:5px solid #fc7b7b}#info3{border-bottom:5px solid pink}#info4{border-bottom:5px solid violet}#info5{border-bottom:5px solid #7e7eff}#info6{border-bottom:5px solid #ffff6a}#close{background-color:#d20606;border-radius:5px;color:#fff;height:25px;position:absolute;right:1px;text-align:center;top:1px;width:6%}#close:hover{background-color:#fff;border:2px solid #d20606;color:#d20606;cursor:pointer}#listbutton{background-color:#038080;border:none;color:#fff;font-weight:500;height:62%;margin-right:20px;padding:3px;width:100%}#listbutton:hover{background-color:#fff;color:#038080}#listmodel{background-color:#fff;border:2px solid #016464;border-radius:5px;box-sizing:border-box;height:650px;left:228px;overflow-x:hidden;overflow-y:scroll;padding:1%;position:fixed;top:60px;visibility:hidden;width:23%}#nameofcountrydiv{align-items:center;border-bottom:1px solid skyblue;border-radius:10px;display:flex;justify-content:center;margin-bottom:2px;width:100%}#nameofcountry{align-self:center;color:#504f4f}#note{background-color:#038080;color:#fff}#footerdiv{align-items:center;background-color:#014242;color:#fff;display:flex;height:50px;justify-content:center;text-align:center;width:100%}a{color:#73d2f8;text-decoration:none}.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{align-items:center;background-color:#282c34;color:#fff;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)}}
/*# sourceMappingURL=main.7a300ed4.css.map*/