@import url(https://fonts.googleapis.com/css2?family=Rubik);body{margin:0;font-family:"Rubik",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1,h2,h3,h4,h5,h6,p{margin:0}.light{--primary-element-background-color:#fff;--primary-app-background-color:#fafafa;--primary-element-color:#111517;--box-shadow:#d3d3d3;--span-text:#111517}.dark{--primary-element-background-color:#2b3945;--primary-element-color:#fff;--primary-app-background-color:#202c37;--box-shadow:hsl(0deg 0% 0%/41%);--span-text:#858585}.App{display:-webkit-flex;display:flex;background-color:var(--primary-app-background-color);-webkit-flex-direction:column;flex-direction:column}header{-webkit-justify-content:space-between;justify-content:space-between;padding:15px 5%;background-color:var(--primary-element-background-color);color:var(--primary-element-color);box-shadow:0 1px 5px var(--box-shadow)}.search__filter,header,header>h3{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.search__filter{padding:30px 5%;-webkit-justify-content:space-between;justify-content:space-between}.search{display:-webkit-flex;display:flex;padding:10px;background-color:var(--primary-element-background-color);color:var(--primary-element-color);-webkit-flex:0.3 1;flex:0.3 1;box-shadow:0 0 3px var(--box-shadow);border-radius:5px}.search>img{width:15px;padding:0 10px}.search>input{width:100%;background-color:var(--primary-element-background-color);color:var(--primary-element-color);border:none;font-family:inherit;outline:none}.search>input::-webkit-input-placeholder{color:var(--primary-element-color)}.filters{padding:10px;border:none;font-family:inherit;position:relative;outline:none;-webkit-flex:0.1 1;flex:0.1 1;background-color:var(--primary-element-background-color);color:var(--primary-element-color);border-radius:5px;box-shadow:0 0 5px var(--box-shadow)}.filters__holder{display:-webkit-flex;display:flex;width:auto;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.filters__holder>h3{font-size:12px;color:var(--primary-element-color);font-weight:300}.holder__options{position:absolute;width:100%;margin-top:15px;background-color:var(--primary-element-background-color);color:var(--primary-element-color);margin-left:-10px;border-radius:5px;box-shadow:0 0 5px var(--box-shadow)}.holder__options>option{padding:5px 10px;font-size:12px;color:var(--primary-element-color);cursor:pointer}.countries{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;padding:30px 5%}.countries>a{width:21%;text-decoration:none}.country{display:-webkit-flex;display:flex;cursor:pointer;-webkit-flex-direction:column;flex-direction:column;width:100%;background-color:var(--primary-element-background-color);margin:15px 0;box-shadow:0 0 10px var(--box-shadow)}.country__flag{height:180px;background-size:cover;background-position:50%;background-repeat:no-repeat}.country__details{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:20px;background-color:var(--primary-element-background-color)}.country__details>h1{margin-bottom:15px;font-size:20px;color:var(--primary-element-color)}.country__details>p{font-size:15px;font-weight:lighter}.country__details>p,.country__details>p>span{color:var(--primary-element-color)}.spinner{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:50vh;width:100vw}.spinner>svg{width:100px;height:15px;fill:var(--primary-element-color)}@media only screen and (max-width:1050px){.countries>a{width:48%}}@media only screen and (max-width:415px){header{padding:30px 5%}header>h1{font-size:20px}header>h3{font-size:10px;letter-spacing:.5px}header>h3>img{width:25px}.search__filter{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:start;justify-content:start;-webkit-align-items:flex-start;align-items:flex-start;padding-bottom:0}.search{margin-bottom:15px;width:-webkit-fill-available}.filters{width:50%}.countries{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.countries>a{width:80%}.country{width:100%}.country__details>h1{font-size:18px}.country__details>p{font-size:12px;padding:4px 0}}.countrypage{-webkit-flex-direction:column;flex-direction:column;padding:30px 5%;height:83.2vh}.countrypage,.countrypage>button{display:-webkit-flex;display:flex}.countrypage>button{border:none;outline:none;font-family:inherit;padding:5px 25px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:3px;margin-bottom:20px;-webkit-align-items:center;align-items:center;color:var(--primary-element-color);background-color:var(--primary-element-background-color);box-shadow:0 0 4px var(--box-shadow)}.countrydetails{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.countrydetails>img{width:50%;max-height:500px}.country__detail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex:0.9 1;flex:0.9 1}.country__detail>h1{color:var(--primary-element-color)}.country__info{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:0.5 1;flex:0.5 1}.info__left>p,.info__right>p{margin:15px 0;letter-spacing:.5px;color:var(--primary-element-color);font-weight:600}.info__left>p>span,.info__right>p>span{margin:0 5px;font-weight:lighter;color:var(--span-text)}.country__border>p{color:var(--primary-element-color);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.country__border>p>a{margin:10px 0;text-decoration:none}.country__border>p>a>span{background-color:var(--primary-element-background-color);color:var(--span-text);box-shadow:0 0 5px var(--box-shadow);padding:5px 30px;border:none;outline:none;margin:5px 10px;border-radius:3px}@media only screen and (max-width:415px){.countrypage{height:auto}.countrydetails{-webkit-flex-direction:column;flex-direction:column}.countrydetails>img{width:100%}.country__detail{margin-top:30px}.country__detail>h1{font-size:25px}.country__info{-webkit-flex-direction:column;flex-direction:column}.info__left>p,.info__right>p{font-size:15px}.country__border{margin-bottom:30px}.country__border>p>a>span{padding:5px 20px}}
/*# sourceMappingURL=main.121319b8.chunk.css.map */