@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:Nunito Sans,sans-serif;overflow-x:hidden}body.dark-mode{background-color:#202c37!important}a{all:unset}li{list-style-type:none}button{border:none;font-family:Nunito Sans,sans-serif}.top-header{align-items:center;background-color:#fff;box-shadow:5px -1px 11px -6px #888;display:flex;justify-content:space-between;margin-bottom:5rem;padding:3rem 8rem}h1{color:#111517;font-size:2.4rem;font-weight:800;line-height:3.274rem}.switch-mode{align-items:center;background-color:initial;color:#111517;cursor:pointer;display:flex;font-size:1.6rem;font-weight:600;gap:.7rem;line-height:2.182rem}.dark-mode .top-header{background-color:#2b3945;color:#fff}.dark-mode .top-header button,.dark-mode .top-header h1{color:#fff}.hide-moon,.hide-sun{display:none}@keyframes showMoon{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}.appear-moon,.appear-sun{animation:showMoon .2s ease-in-out}.country-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:5rem;padding:0 7rem;position:relative}.country-navigation>input{align-self:flex-start;border:none;border-radius:10px;font-family:Nunito Sans,sans-serif;font-size:18px;font-weight:400;line-height:20px;outline:none;padding:1.5rem 16rem 1.5rem 2rem}.filter-container{align-items:center;background-color:#fff;border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem 2rem;position:relative}.filter{color:#111517;font-size:1.4rem;line-height:2rem}.clear-btn,.filter{background-color:initial;cursor:pointer}.clear-btn{color:gray;font-size:1.5rem;font-weight:800;left:38rem;padding:1rem 0;position:absolute}.dark-mode .country-navigation>input,.dark-mode .filter-container{background-color:#2b3844;color:#fff}.dark-mode .clear-btn,.dark-mode .country-navigation>input::placeholder,.dark-mode .filter{color:#fff}.dark-mode .filter-container svg{fill:#fff}@media screen and (max-width:41.125rem){.country-navigation{align-items:start;flex-direction:column;gap:5rem;padding:0 2rem}}@media screen and (max-width:41.1875rem){.clear-btn{left:33rem}}.regions{background-color:#fff;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:.3rem;line-height:2rem;list-style-type:none;margin-top:.5rem;padding:2rem 9rem 2rem 1.5rem;position:absolute}.region.active{font-weight:800}.dark-mode .regions{background-color:#2b3844;color:#fff}.back-container{background-color:#fafafa;margin-bottom:8rem;width:13.6rem}.btn-back{align-items:center;background-color:#fff;border-radius:6px;cursor:pointer;display:flex;font-size:1.6rem;font-weight:300;gap:.5rem;justify-content:center;line-height:2rem;padding:1rem 0;text-align:center;width:100%}.btn-back>img{width:1.3rem}.country-page{margin-left:8rem}.flag-container{align-items:center;display:flex;gap:12rem}.flag-container>img{height:40rem;width:56rem}.flag-container>div>h2{font-size:3.2rem;font-weight:800;line-height:4.365rem;margin-bottom:2.3rem}.dark-mode .btn-back{background-color:#2b3844;color:#fff}.dark-mode .back-container{background-color:#2b3844;border-radius:6px}.dark-mode .back-container>div{background-color:#2b3844}.dark-mode .back-container svg{fill:#fff}.dark-mode .flag-container,.dark-mode .flag-container>div>h2{color:#fff}.country-info-list{display:flex;gap:14.1rem}.country-info-list li{font-size:1.6rem;line-height:3.2rem}.description{font-weight:600}.border-countries{align-items:center;display:flex;gap:1rem;margin-top:7rem}.border-countries>h2{font-size:1.6rem;font-weight:600;line-height:2.4rem}.border-countries>div{display:flex;gap:1rem}.border-countries p{box-shadow:0 0 4px 1px #0000001b;font-size:1.4rem;font-weight:300;line-height:1.91rem;margin-right:1rem;padding-bottom:4px;padding-top:5px;text-align:center;width:9.6rem}.dark-mode .border-countries p{background-color:#2b3844;color:#fff}.dark-mode .border-countries h2{color:#fff}.countries-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(4,1fr);justify-items:center}main>div{cursor:pointer;height:100%;width:80%}.countries-container img{height:55%;width:100%}footer{margin:5rem auto}footer nav{display:flex;font-size:1.4rem;font-weight:300;gap:.5rem;justify-content:center;line-height:1.6rem}footer nav a{border-radius:5px;cursor:pointer;font-weight:600;padding:.5rem .9rem}footer nav a:hover{color:#23adade1}footer nav a.active{background-color:#23adade1;color:#fff}.dark-mode footer nav a{color:#fff}.dark-mode footer nav a.active{background-color:#4d2a54}.onPage.active{background-color:#6397ac}@media screen and (max-width:72.1875rem){.countries-container{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:54.375rem){.countries-container{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:34rem){.countries-container{grid-template-columns:1fr}}.country-information{background-color:#fff;border-bottom-left-radius:7px;border-bottom-right-radius:7px;height:150px;margin-top:-.5rem;padding:2.4rem 5rem 1.5rem 2.4rem;width:100%}.country-information ul{display:flex;flex-direction:column;gap:.8rem;list-style-type:none}.country{color:#111517;font-family:Nunito Sans,sans-serif;font-size:1.8rem;font-weight:800;line-height:2.6rem;margin-bottom:1.6rem}.country-information ul li{font-size:1.4rem;line-height:1.6rem}.info{font-weight:600}.dark-mode .country-information{background-color:#2b3945;color:#fff}.dark-mode .country-information .country{color:#fff}
/*# sourceMappingURL=main.84a8e703.css.map*/