@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-BlackItalic-9b0a2ff9.woff2) format("woff2");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-Bold-00e7f183.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-BoldItalic-81c21578.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-ExtraBold-ab8ce59f.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-ExtraBoldItalic-55990e8e.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-ExtraLight-594783a5.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-ExtraLightItalic-a908880f.woff2) format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-Italic-c87223dd.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-Light-b510d53e.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-LightItalic-e294e78b.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-Medium-d986149f.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-MediumItalic-8e8665f1.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-Regular-eaf8e5d6.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-SemiBold-0e6cfc8e.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-SemiBoldItalic-68ac405e.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-BlackItalic-9b0a2ff9.woff2) format("woff2");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-Bold-00e7f183.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-BoldItalic-81c21578.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-ExtraBold-ab8ce59f.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-ExtraBoldItalic-55990e8e.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-ExtraLightItalic-a908880f.woff2) format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-ExtraLight-594783a5.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-Italic-c87223dd.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-Light-b510d53e.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-LightItalic-e294e78b.woff2) format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-Medium-d986149f.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-MediumItalic-8e8665f1.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-Regular-eaf8e5d6.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-SemiBoldItalic-68ac405e.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"Nunito Sans 7pt";src:url(/assets/NunitoSans7pt-SemiBold-0e6cfc8e.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--dark-blue-dark-mode-elements: hsl(209, 23%, 22%);--very-dark-blue-dark-mode-background: hsl(207, 26%, 17%);--very-dark-blue-light-mode-text: #111517;--dark-gray-light-mode-input: #858585;--very-light-gray-light-mode-background: hsl(0, 0%, 98%);--white-dark-mode-text-light-mode-lements: hsl(0, 0%, 100%)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:"Nunito Sans 7pt";height:100%}body{display:flex;width:100%;height:100%}#app{display:flex;width:100%;height:100%;flex-direction:column;align-items:center}main{display:flex;flex-direction:column;gap:50px;place-items:center;padding:0 30px 50px;width:100%;flex-grow:1;background-color:var(--very-dark-blue-dark-mode-background)}main.light{background-color:var(--very-light-gray-light-mode-background)}.cards-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:40px;width:100%;max-width:1200px}header{display:grid;place-items:center;background-color:var(--dark-blue-dark-mode-elements);height:64px;width:100%;z-index:10}header.light{background-color:var(--white-dark-mode-text-light-mode-lements);box-shadow:0 0 4px #b0adad}nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:100%;padding:0 30px}nav>h1{font-size:1.8rem;font-weight:700;color:#fff}nav>h1.light{color:var(--very-dark-blue-light-mode-text)}nav>div{display:flex;align-items:center;gap:10px;height:50px;cursor:pointer}nav>div>p{font-size:1.3rem;font-weight:700;color:#fff}nav>div>p.light{color:var(--very-dark-blue-light-mode-text)}nav>div>img{width:22px;filter:invert(100%) sepia(4%) saturate(1135%) hue-rotate(196deg) brightness(118%) contrast(100%)}nav>div>img.light{filter:invert(4%) sepia(5%) saturate(3412%) hue-rotate(155deg) brightness(95%) contrast(91%)}@media (max-width: 450px){nav>h1{font-size:1.2rem}}.filters-section{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding-top:50px;gap:30px}.search-div{display:flex;align-items:center;gap:18px;min-width:310px;max-width:500px;height:46px;background-color:var(--dark-blue-dark-mode-elements);border-radius:4px;padding-left:30px}.search-div.light{background-color:var(--white-dark-mode-text-light-mode-lements);box-shadow:0 0 4px #b0adad}.search-div:hover{box-shadow:0 0 11px #000000bf}.search-div>img{filter:invert(99%) sepia(28%) saturate(0%) hue-rotate(192deg) brightness(105%) contrast(100%);width:22px}.search-div>img.light{filter:invert(53%) sepia(62%) saturate(4%) hue-rotate(314deg) brightness(88%) contrast(95%)}.search-div>input{outline:none;color:#fff;background-color:transparent;border:none;height:30px;min-width:200px;max-width:350px;font-size:1.4rem;cursor:pointer}.search-div>input.light{color:var(--dark-gray-light-mode-input)}.search-div>input::placeholder{color:#fff;font-size:1.4rem}.search-div>input.light::placeholder{color:var(--dark-gray-light-mode-input)}select{padding-left:16px;border:1px solid transparent;background-color:var(--dark-blue-dark-mode-elements);width:220px;height:46px;border-radius:4px;border-right:16px solid transparent;outline:none;color:#fff;font-size:1.4rem;cursor:pointer}select.light{background-color:var(--white-dark-mode-text-light-mode-lements);box-shadow:0 0 4px #b0adad;color:var(--dark-gray-light-mode-input)}select:hover{box-shadow:0 0 11px #000000bf}.cards{min-width:240px;max-width:340px;background-color:var(--dark-blue-dark-mode-elements);border-radius:4px;box-shadow:0 0 11px #000000bf;cursor:pointer;transition:.3s}.cards.light{background-color:var(--white-dark-mode-text-light-mode-lements);box-shadow:0 0 4px #b0adad}.cards:hover{transform:scale(1.04);opacity:.8}.flags{width:100%;height:160px;object-fit:cover;border-radius:6px 6px 0 0}.cards-info{padding:30px 26px 40px}.cards-h2{font-size:1.8rem;font-weight:700;color:var(--white-dark-mode-text-light-mode-lements);margin-bottom:18px}.cards-h2.light{color:var(--very-dark-blue-light-mode-text)}.cards-info>p{font-size:1.4rem;font-weight:300;margin-bottom:8px;color:var(--dark-gray-light-mode-input)}.cards-info>p.light{color:var(--very-dark-blue-light-mode-text)}.cards-info>p>span{font-weight:700;color:var(--white-dark-mode-text-light-mode-lements)}.cards-info>p>span.light{color:var(--very-dark-blue-light-mode-text)}.pagination{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;list-style:none;font-size:1.4rem;font-weight:700}.page-num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#fff;cursor:pointer;border:2px solid rgba(255,255,255,.23);border-radius:50%;background-color:transparent;transition:.3s}.pagination.light .page-num{color:var(--dark-blue-dark-mode-elements);border:2px solid var(--dark-blue-dark-mode-elements)}.page-num:hover{background-color:#ffffff3b}.pagination.light .page-num:hover{background-color:gray}.break{color:#fff;cursor:pointer}.pagination.light .break{color:var(--dark-blue-dark-mode-elements)}a{text-decoration:none}.country-details__section{display:flex;flex-direction:column;align-items:flex-start;gap:60px;padding:50px 50px 0;width:100%;height:100%;background-color:var(--very-dark-blue-dark-mode-background)}.country-details__section.light{background-color:var(--very-light-gray-light-mode-background)}.home-link{display:flex;align-items:center;justify-content:center;cursor:pointer;gap:8px;width:94px;height:30px;border-radius:4px;color:#fff;font-size:1rem;background-color:var(--dark-blue-dark-mode-elements)}.home-link.light{background-color:var(--white-dark-mode-text-light-mode-lements);box-shadow:0 0 4px #b0adad;color:var(--very-dark-blue-light-mode-text)}.home-link:hover{box-shadow:0 0 11px #000000bf}.home-link>img{width:16px;filter:invert(100%) sepia(0%) saturate(7478%) hue-rotate(147deg) brightness(104%) contrast(97%)}.home-link>img{filter:invert(53%) sepia(62%) saturate(4%) hue-rotate(314deg) brightness(88%) contrast(95%)}.country{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:80px;max-width:1200px;padding-bottom:50px}.country>figure{min-width:300px;max-width:460px;min-height:200px;max-height:280px}.country>figure>img{width:100%;height:100%;min-width:300px;max-width:460px;min-height:200px;max-height:280px}.country-detail>h1{font-size:2rem;color:#fff;font-weight:700;margin-bottom:16px}.country-detail>h1.light{color:var(--very-dark-blue-light-mode-text)}.columns{display:flex;flex-wrap:wrap;gap:60px;margin-bottom:40px}.columns>div{display:flex;flex-direction:column;gap:12px}.columns>div>p{font-size:1.2rem;font-weight:300;color:var(--dark-gray-light-mode-input)}.columns>div>p.light{color:var(--very-dark-blue-light-mode-text)}.columns>div>p>span{color:#fff;font-weight:700}.columns>div>p>span.light{color:var(--very-dark-blue-light-mode-text)}.borders{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:1.2rem;color:#fff;font-weight:700}.borders.light{color:var(--very-dark-blue-light-mode-text)}.borders>a{display:flex;justify-content:center;align-items:center;width:auto;padding:0 10px;height:22px;border-radius:4px;font-size:.9rem;color:#fff;font-weight:300;background-color:var(--dark-blue-dark-mode-elements);cursor:pointer}.borders>a.light{background-color:var(--white-dark-mode-text-light-mode-lements);box-shadow:0 0 4px #b0adad;color:var(--very-dark-blue-light-mode-text)}.borders>a:hover{box-shadow:0 0 3px #000000bf}