*{padding:0;margin:0;box-sizing:border-box;color:var(--text);transition:all 1s ease-in-out}:root{font-family:Nunito Sans,sans-serif;--home-page-body-text-size: 14px;--details-page-body-text-size: 16px;--text: hsl(200, 15%, 8%);--input: hsl(0, 0%, 52%);--background: hsl(0, 0%, 98%);--elements: hsl(0, 0%, 100%);--box-shadow: rgba(100, 100, 111, .2) 0px 0px 5px 0px}[data-theme=dark]{--text: hsl(0, 0%, 100%);--background: hsl(207, 26%, 17%);--elements: hsl(209, 23%, 22%)}body{background-color:var(--background)}.header-container{padding:2rem;display:flex;justify-content:space-between;align-items:center;background-color:var(--elements);box-shadow:var(--box-shadow)}.header-title{font-size:var(--home-page-body-text-size)}.home-container{padding:2rem}.controls-wrapper{margin-bottom:2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem}.cards-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:4rem}@media screen and (min-width: 728px){.cards-wrapper{justify-content:space-between}}.country-details-page-wrapper{padding:2rem}.country-details-wrapper{display:flex;flex-wrap:wrap}.country-details-container{display:flex;flex-direction:column}.country-details-lists-wrapper{display:flex;flex-wrap:wrap}.border-countries-container{padding:0 1.5rem;display:flex;flex-wrap:wrap;gap:1rem}.country-details-list-right{max-width:400px}.border-country-buttons{display:flex;flex-wrap:wrap;gap:1rem;max-width:600px}.back-button{margin-bottom:2rem;padding:.2rem 1.5rem;border:0;background-color:var(--elements);box-shadow:var(--box-shadow);cursor:pointer}.fa-arrow-left{margin-right:.5rem}.border-button{width:130px;border:0;background-color:var(--elements);box-shadow:var(--box-shadow);cursor:pointer}.region-filter{padding:1rem;width:220px;border:0;border-radius:5px;background-color:var(--elements);box-shadow:var(--box-shadow)}.country-search-input{width:550px;padding:1rem;border:0;border-radius:5px;background-color:var(--elements);box-shadow:var(--box-shadow)}.theme-toggle-button{border:0;background-color:var(--elements);cursor:pointer}.theme-toggle-button>i{margin-right:.5rem}.fa-solid fa-sun{color:#ece728}.card-container{max-width:300px;border:0;border-radius:5px;cursor:pointer;overflow:hidden;background-color:var(--elements);box-shadow:var(--box-shadow)}.country-flag{width:300px;height:199px}.country-title{padding:1rem 1.5rem}dl{padding:0 0 2.5rem 1.5rem}dt{font-weight:600}dd{display:inline}dt:after{content:": "}dt,dd{display:inline}