*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-clr);font-family:Nunito Sans,sans-serif}.container{margin:0 auto;padding:0 1rem;width:92vw}ul{list-style:none}.header{background-color:var(--elements-bg);box-shadow:0 0 10px #ddd;display:grid;height:10vh;place-content:center;width:100%}.header .container{align-items:center;display:flex;justify-content:space-between}.header .container h1{color:var(--text-clr);font-size:1.25rem;font-weight:800}.header .container .theme-box .theme-switcher{align-items:center;border:none;cursor:pointer;display:flex;justify-content:space-between;width:6.5rem}.header .container .theme-box .theme-switcher svg{color:var(--text-clr)}.header .container .theme-box .theme-switcher span{color:var(--text-clr);font-size:.875rem;font-weight:600}@media (max-width:450px){.header .container h1{font-size:1rem}}@media (max-width:350px){.header .container{flex-direction:column}.header .container .theme-box .theme-switcher{margin-top:.3rem}}.home{background-color:var(--bg-clr);min-height:90vh;padding-top:2.5rem}.home .container .options-section,.home .container .options-section .search-box{align-items:center;display:flex;justify-content:space-between}.home .container .options-section .search-box{background-color:var(--elements-bg);border-radius:5px;box-shadow:0 0 10px var(--box-shadow);overflow:hidden;padding-left:1.5rem;width:30rem}.home .container .options-section .search-box label{color:var(--input-clr);display:flex;font-size:1.25rem}.home .container .options-section .search-box #search{background-color:var(--elements-bg);border:none;color:var(--input-clr);font-size:.875rem;outline:none;padding:1.25rem;width:100%}.home .container .options-section .select-box{align-items:center;display:flex;flex-direction:column;justify-content:space-between;position:relative;width:15rem}.home .container .options-section .select-box button{align-items:center;background-color:var(--elements-bg);border:none;border-radius:5px;box-shadow:0 0 10px var(--box-shadow);color:var(--text-clr);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:1.3rem;text-align:left;width:100%}.home .container .options-section .select-box button svg{color:var(--text-clr);font-size:1rem}.home .container .options-section .select-box .select-values{background-color:var(--elements-bg);border-radius:5px;box-shadow:0 0 10px var(--box-shadow);margin:.5rem;opacity:0;position:absolute;top:100%;transition:all .5s ease-in-out;visibility:hidden;width:100%}.home .container .options-section .select-box .select-values[aria-expanded=true]{opacity:1;visibility:visible}.home .container .options-section .select-box .select-values ul{list-style:none;padding:1.25rem}.home .container .options-section .select-box .select-values ul li{color:var(--text-clr);cursor:pointer;font-size:.875rem;font-weight:600;transition:.5s}.home .container .options-section .select-box .select-values ul li:hover{opacity:.8}.home .container .options-section .select-box .select-values ul li:not(:last-child){margin-bottom:.5rem}.home .container .countries-box{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:2.5rem}.home .container .countries-box .country-box{border-radius:5px;box-shadow:0 0 10px var(--box-shadow);overflow:hidden}.home .container .countries-box .country-box img{aspect-ratio:3/2;cursor:pointer;object-fit:cover;width:100%}.home .container .countries-box .country-box .text-container{color:var(--text-clr);padding:1rem 1rem 2rem}.home .container .countries-box .country-box .text-container h3{cursor:pointer}.home .container .countries-box .country-box .text-container .country-box-details{margin-top:1rem}.home .container .countries-box .country-box .text-container .country-box-details li{font-size:.875rem;font-weight:300}.home .container .countries-box .country-box .text-container .country-box-details li:not(:first-child){margin-top:.25rem}.home .container .countries-box .country-box .text-container .country-box-details li strong{font-weight:600}@media (max-width:850px){.home .container .options-section{align-items:flex-start;flex-direction:column;gap:2rem}.home .container .options-section .search-box{width:100%}}.light{--elements-bg:#fff;--bg-clr:#fafafa;--text-clr:#111517;--input-clr:#858585;--box-shadow:#ccc}.dark,.light{transition:all .7s ease-in-out}.dark{--elements-bg:#2b3945;--bg-clr:#202c37;--text-clr:#fff;--input-clr:#858585;--box-shadow:#242424}.details-page{background-color:var(--bg-clr);min-height:90vh;padding-bottom:2rem}.details-page .container{padding-top:3.5rem}.details-page .container .back-btn{align-items:center;background-color:var(--elements-bg);border:none;border-radius:6px;box-shadow:0 0 10px var(--box-shadow);color:var(--text-clr);cursor:pointer;display:flex;font-size:.875rem;font-weight:300;gap:.5rem;justify-content:center;padding:.6rem 2rem}.details-page .container .back-btn svg{font-size:1rem}.details-page .container .country-details{align-items:center;display:flex;justify-content:space-between;margin-top:3.5rem}.details-page .container .country-details .image{height:20rem;width:40%}.details-page .container .country-details .image img{height:100%;width:100%}.details-page .container .country-details .text-details{width:50%}.details-page .container .country-details .text-details h2{color:var(--text-clr);font-weight:800}.details-page .container .country-details .text-details .text-details-container{color:var(--text-clr);display:grid;font-size:1rem;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:2rem}.details-page .container .country-details .text-details .text-details-container li{margin-top:.4rem}.details-page .container .country-details .text-details .text-details-container strong{color:var(--text-clr);font-weight:600}.details-page .container .country-details .text-details .text-details-container span{color:var(--text-clr);font-weight:300}.details-page .container .country-details .text-details .text-details-container .border-countries{align-items:center;align-self:center;display:flex;flex-wrap:wrap;grid-column:1/3}.details-page .container .country-details .text-details .text-details-container .border-countries strong{margin-right:.5rem;margin-top:.5rem}.details-page .container .country-details .text-details .text-details-container .border-countries span{background-color:var(--elements-bg);border-radius:6px;box-shadow:0 0 10px var(--box-shadow);cursor:pointer;margin-left:.5rem;margin-top:.5rem;padding:.4rem 1.3rem}@media (max-width:1095px){.details-page .container .country-details{flex-direction:column;gap:3rem}.details-page .container .country-details .image,.details-page .container .country-details .text-details{width:40rem}}@media (max-width:750px){.details-page .container .country-details .image{height:13rem;width:90%}.details-page .container .country-details .text-details{width:90%}.details-page .container .country-details .text-details .text-details-container{grid-template-columns:1fr}.details-page .container .country-details .text-details .text-details-container .section-2{margin-top:2rem}.details-page .container .country-details .text-details .text-details-container .border-countries{grid-column:1}}
/*# sourceMappingURL=main.6439815c.css.map*/