@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700;800&display=swap);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{background-color:#fff;border-radius:4px;box-shadow:0 9px 19px -1px #a19ea1}.country__info{padding:10px 0 10px 20px;width:100%;min-height:11em}.country-img{border-top-left-radius:4px;border-top-right-radius:4px;height:200px;object-fit:cover;width:100%}.countries{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:4em;-webkit-column-gap:4em;column-gap:4em;padding:2.5em;grid-row-gap:3.5em;row-gap:3.5em}.country__info-p{padding-bottom:10px}.country-name{font-size:20px;font-weight:700;margin-bottom:20px}.inputText{padding:2.5em;display:flex;justify-content:space-between}.inputText--country{border:1px solid #fff;padding:15px 0 15px 43px;width:30%}.inputText--country,.inputText--region{box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12);outline:none}.inputText--region{border:none;float:right;padding:15px}@media(max-width:768px){.countries{grid-template-columns:1fr}.inputText{flex-wrap:wrap}.inputText--country{flex-basis:100%;margin-bottom:20px;padding:1em}}.country-detail{height:100vh;padding:50px}.country-detail .country__info{padding:0;display:flex;margin-top:50px}.country-detail .country__info__item{flex:1 1}.country__flag{width:90%}.country__info__item:nth-child(2){margin-left:30px}.backBtn{background-color:#fff;border:1px solid #fff;border-radius:4px;box-shadow:2px 7px 18px -3px #a1a1a1;outline:none;padding:5px 35px}.detailed-information{display:flex;padding-top:30px}.detailed-information__item{flex:1 1}.detailed-information h4{font-size:30px;margin-bottom:10px}.detailed-information p{padding-bottom:10px}.detailed-information p span:first-child{font-weight:700}.additional-information{padding-top:50px}.border-countries{margin-top:70px}.border-countries p{display:inline;font-weight:700}.border-countries span{background-color:#fff;border:1px solid #fff;border-radius:4px;box-shadow:2px 7px 18px -3px #a1a1a1;margin-left:10px;outline:none;padding:5px 10px}@media(max-width:768px){.country__info__item:nth-child(2){margin-left:0}.country-detail{padding:50px 25px}.country-detail .country__info{flex-wrap:wrap}.country-detail .country__info div{flex-basis:100%}.country__flag{margin-bottom:40px;width:100%}.detailed-information{flex-wrap:wrap}.border-countries p{display:block;margin-bottom:20px}.border-countries span:first-of-type{margin-left:0}}.dark .country{color:#fff;background-color:#2b3945;box-shadow:0 6px 19px -1px #1c1a1c}.dark button,.dark input,.dark select{color:#fff;background-color:#202c37;border-color:#202c37}.dark button{box-shadow:2px 7px 18px -3px #0e0c0c}.dark input::-webkit-input-placeholder{color:#fff}.dark input:-ms-input-placeholder{color:#fff}.dark input::-ms-input-placeholder{color:#fff}.dark input::placeholder{color:#fff}.dark .border-countries span{border-color:#202c37;background-color:#202c37;box-shadow:2px 7px 18px -3px #0e0c0c}header.dark{background-color:#2b3945;color:#fff}.country-detail.dark,main.dark{background-color:#202c37;color:#fff}*{margin:0;box-sizing:border-box}a{color:inherit;text-decoration:none}body{background-color:#fafafa;font-family:"Nunito Sans",sans-serif}header h2{font-size:16px;font-weight:700;margin:0}header span{font-size:14px}header{background-color:#fff;display:flex;justify-content:space-between;padding:15px 50px}.toggle-theme{cursor:pointer}.world{font-weight:700}main{background-color:#fafafa}
/*# sourceMappingURL=main.854f77af.chunk.css.map */