@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800&display=swap);*{margin:0;padding:0;box-sizing:border-box}:root{--darkBackground:#202c37;--darkCard:#2b3945}body{font-family:"Nunito Sans",sans-serif}.App{background-color:#fafafa;padding-bottom:1px;min-height:100vh;height:100%}.App,a{color:#111517}a{text-decoration:none}.header{width:100vw;display:flex;justify-content:space-between;align-items:center;padding:10px 85px 2px 70px;background-color:#fff;position:relative;z-index:10;box-shadow:0 1px 10px 1px rgba(0,0,0,.1)}.header__title{font-size:22px;font-weight:800}.header__darkmode{font-size:17px;font-weight:600;cursor:pointer}.attribution{font-size:13px;font-weight:300}.CountryList{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:80px 80px;gap:80px 80px;margin:50px 70px}.CountryList__error{text-align:center;margin-top:80px;font-size:22px;font-weight:600;color:#818181}.app__bar{margin:45px 70px 0;display:flex;justify-content:space-between;align-items:center}.SearchBar{position:relative}.fa-search{position:absolute;top:15px;left:15px;font-size:18px}.app__bar--input{width:480px;font-size:15px;border:none;border-radius:4px;padding:15px 15px 15px 50px;color:#111517;box-shadow:0 1px 8px 1px rgba(0,0,0,.1);background-color:#fff}.app__bar--input,.app__bar--select{font-family:"Nunito Sans",sans-serif}.app__bar--select{width:200px;font-size:17px;padding:13px 15px;border-radius:4px;border:1px solid #ddd;box-shadow:0 1px 10px 1px rgba(0,0,0,.1)}.flag__image__container{width:100%;height:192px}.card__flag{width:100%;height:100%;border-radius:5px 5px 0 0}.CountryCard{border-radius:5px;background-color:#fff;box-shadow:0 2px 10px 2px rgba(0,0,0,.2)}.Card__content{padding:35px 20px;font-size:15px}.Card__content>div{margin-bottom:8px}.Card__heading{font-size:17px;font-weight:800;margin-bottom:21px!important}.CountryDetail{min-width:100vw;height:100%;background-color:#fff;display:flex;flex-direction:column;padding:30px 80px 0;height:90vh}.CountryDetail__content,.CountryDetail__grid{display:grid;grid-template-columns:repeat(2,1fr)}.CountryDetail__content{align-self:center}.CountryDetail__image{width:600px;height:400px}.CountryDetail__name{font-size:28px;font-weight:800;margin-bottom:28px;grid-column:1/3}.CountryDetail__info--left{grid-column:1/2}.CountryDetail__info--right{grid-column:2/3}.CountryDetail__info--item{margin-bottom:15px}.border__countries{grid-column:1/3;margin-top:65px;display:flex;flex-wrap:wrap}.border__country{padding:4px 20px;box-shadow:0 0 5px 1px rgba(0,0,0,.2);border-radius:3px;display:inline-block;margin:0 5px 10px}.backbutton__container{align-self:flex-start;margin-bottom:20px}.backbutton{padding:5px 20px;box-shadow:0 0 5px 1px rgba(0,0,0,.2);margin:30px 0;border-radius:3px}.dark,.dark .CountryDetail{background-color:#202c37;background-color:var(--darkBackground);padding-bottom:1px;transition:background-color .3s linear;color:#fff;height:90vh}.dark{padding-bottom:1px;height:100%;min-height:100vh;width:100vw}.dark .app__bar--input,.dark .app__bar--select,.dark .backbutton,.dark .border__country,.dark .CountryCard,.dark .header{background-color:#2b3945;background-color:var(--darkCard);color:#fff;transition:background-color .3s linear}.dark .app__bar--input,.dark .app__bar--select,.dark a{transition:color .2s linear;color:#fff}.dark .app__bar--select{border:none}
/*# sourceMappingURL=main.5853c425.chunk.css.map */