@import url(https://fonts.googleapis.com/css?family=Nunito+Sans:300,600,800&display=swap);*{box-sizing:border-box;transition:background-color .3s linear}*,body{font-family:"Nunito Sans",sans-serif}body{margin:0;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:90rem;margin:0 auto;width:100%}.row{justify-content:space-between;padding:1rem 1.5rem}#root,.row{display:flex}#root{width:100%;height:100%;flex-direction:column}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main{flex:1 1;background-color:#fafafa}main.dark{background-color:#202c37;color:#fff}h1,h2,h3{margin-top:0;margin-bottom:1rem;font-weight:800}.card{background-color:#fff;box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.05);color:#858585;font-weight:600;overflow:hidden;transition:transform .3s ease-in-out}.card.dark{color:#fff;background-color:#2b3945}.card.dark__link{color:#fff;width:100%}.card:hover{transform:scale(1.05)}.card__link{text-decoration:none;color:#111517;float:left;border-radius:.3125rem}.card__flag{width:100%;height:12.5rem;object-fit:cover}.card__body{padding:1.25rem}.card__body-title.dark{color:#fff}.country-info{margin-bottom:.6rem}.country-info .label{font-weight:800;font-size:1rem;margin-right:.375rem}.country-info.dark{color:#fff}.country-info.dark span{color:hsla(0,0%,100%,.7)}.search_box_group{height:3.125rem;width:35%;display:flex;flex-direction:row;align-items:center;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.05)}@media (max-width:48rem){.search_box_group{width:100%;margin-bottom:.75rem}.search_box_group .row{flex-direction:column}}.search_box_group svg{margin:0 1rem;opacity:.4;fill:#858585}.search_box_group input{height:100%;width:100%;padding-right:.75rem;border:0;color:#858585;font-size:14px}.search_box_group input:active,.search_box_group input:focus{outline:0}.search_box_group.dark{background-color:#2b3945;color:#fff}.search_box_group.dark svg{color:#fff;fill:#fff}.search_box_group.dark input{background-color:#2b3945;color:#fff}.dropdown{background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.05);color:#858585;height:3.125rem;padding:0 1rem;display:flex;flex-direction:column;width:220px;justify-content:center;position:relative;font-size:14px;cursor:pointer}.dropdown__header{align-items:center;display:flex;justify-content:space-between}.dropdown__icon{transition:transform .3s ease-in-out;transform:rotate(0deg)}.dropdown__icon.open{transform:rotate(-180deg)}.dropdown__list{padding:0;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.05);color:#858585;list-style-type:none;width:220px;top:2.5rem;left:0;position:absolute;border-radius:5px;-webkit-animation-name:dropDown;animation-name:dropDown;-webkit-animation-duration:.3s;animation-duration:.3s;overflow:hidden}.dropdown__list.dark{color:#fff;background-color:#2b3945}.dropdown__listitem{padding:.5rem 1rem;cursor:pointer;z-index:10}.dropdown__listitem:first-child{padding-top:1rem}.dropdown__listitem:last-child{padding-bottom:1rem}.dropdown__listitem:hover{background-color:#fafafa;font-weight:600}.dropdown.dark,.dropdown__listitem.dark:hover{background-color:#2b3945}.dropdown.dark{color:#fff}@-webkit-keyframes dropDown{0%{height:0}to{height:190px}}@keyframes dropDown{0%{height:0}to{height:190px}}.countries__filter-box{padding:2.5rem 0}@media (max-width:48rem){.countries__filter-box{padding:1.25rem 0}.countries__filter-box .row{flex-direction:column}}.countries__list{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:3rem;grid-row-gap:3rem;padding:1rem 1.5rem}@media (max-width:48rem){.countries__list{grid-template-columns:1fr}}@media (min-width:48rem) and (max-width:980px){.countries__list{grid-template-columns:repeat(3,1fr)}}.country-detail__box{padding:2.5rem 0}@media (max-width:48rem){.country-detail__box{padding:1.25rem 0}}@media (min-width:48rem) and (max-width:980px){.country-detail__box{padding:1.25rem 0}}.country-detail__back-button{background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.05);color:#858585;padding:.6rem 1.6rem;text-decoration:none;cursor:pointer;display:flex;justify-content:space-between;min-width:6.875rem;align-items:center;transition:transform .3s ease-in-out}.country-detail__back-button:active,.country-detail__back-button:focus,.country-detail__back-button:hover{transform:scale(1.05)}.country-detail__back-button.dark{color:#fff;background-color:#2b3945}.country-detail__content{display:flex;width:100%;height:25rem;align-items:center}@media (max-width:48rem){.country-detail__content{flex-direction:column;height:100%}}.country-detail__content-left{display:flex;flex-basis:50%}@media (max-width:48rem){.country-detail__content-left{width:100%}}.country-detail__content-left img{max-width:31.25rem;width:100%;height:100%;box-shadow:0 4px 8px 0 rgba(0,0,0,.05);margin-right:2rem}@media (max-width:48rem){.country-detail__content-left img{margin:0 0 1.5rem}}.country-detail__content-right{display:flex;flex-basis:50%;flex-direction:column}@media (max-width:48rem){.country-detail__content-right{flex-direction:column;flex-basis:auto;width:100%}.country-detail__content-right .row{padding:0;flex-direction:column;width:100%}}.country-detail__content-right .row{padding-left:0}.country-detail__content-right .col{width:50%}@media (max-width:48rem){.country-detail__content-right .col{width:100%;margin-bottom:1.5rem}}.border-countries{display:flex;align-items:flex-start;margin-top:1rem}@media (max-width:48rem){.border-countries{flex-direction:column}.border-countries strong{margin-bottom:1rem}}.border-countries strong{min-width:9.375rem}.border-countries__button{background-color:#fafafa;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);color:#111517;padding:.6rem 1.6rem;text-decoration:none;cursor:pointer;transition:transform .3s ease-in-out;display:inline-block;margin:0 .75rem .75rem 0}.border-countries__button:active,.border-countries__button:focus,.border-countries__button:hover{transform:scale(1.05)}.border-countries__button.dark{color:#fff;background-color:#2b3945}.header{background-color:hsla(0,0%,100%,.75);box-shadow:0 0 4px rgba(0,0,0,.09),0 .4375rem .5rem rgba(0,0,0,.05)}.header .title{margin-bottom:0;font-size:1.5rem}.header.dark{background-color:#2b3945}.header.dark .title,.header.dark button{color:#fff}.header.dark button:active,.header.dark button:hover{background-color:#202c37}.button{display:flex;color:#111517;font-weight:600;text-align:center;text-decoration:none;vertical-align:middle;background-color:transparent;border:0;font-size:1.125rem;padding:.375rem .75rem;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;justify-content:space-between;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.button:focus{outline:0}.button:disabled{opacity:.65}.button:active,.button:hover{background-color:#fafafa}.icon{margin-right:10px}
/*# sourceMappingURL=main.1e880b4d.chunk.css.map */