body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.grid-container{display:grid}.country-container{margin:0 auto 5rem;max-width:250px;min-height:300px;width:100%}.dark-mode .country-container{background-color:var(--Dark-Blue)}.link-to-details{color:#000;text-decoration:none}.dark-mode .link-to-details{color:#fff}.country-flag{width:100%}.country-info{padding:1.5rem}h3{margin-bottom:1rem}p{margin-bottom:.25rem}@media screen and (min-width:600px){.grid-container{grid-gap:20px;grid-template-columns:repeat(2,auto)}}@media screen and (min-width:850px){.grid-container{grid-gap:40px;grid-template-columns:repeat(3,auto)}}@media screen and (min-width:1200px){.grid-container{grid-gap:20px;grid-template-columns:repeat(4,1fr)}}.search-main-container{display:flex;flex-direction:column;padding:1rem}.search-container{align-items:center;display:flex;height:60px;max-width:400px;width:100%}.search-icon{margin:0 .5rem}input{background:#0000;border:none;color:#000;max-width:150px;width:100%}input:focus{outline:none}input::placeholder{color:#000}.dark-mode input,.dark-mode input::placeholder{color:#fff}.dropdown-container{max-width:400px;position:relative;width:100%}.dropdown-button{align-items:center;border:none;color:#000;display:flex;height:40px;margin:1rem 0;max-width:200px;padding:2rem 1rem;width:100%}.dark-mode .dropdown-button{background-color:var(--Dark-Blue);color:#fff}.arrow-icon{margin:0 .5rem}.region-container{background:#fff;display:flex;flex-direction:column;margin-top:-10px;max-width:200px;padding:.75rem;position:absolute;width:100%;z-index:10}.dark-mode .region-container{background:var(--Dark-Blue)}.region{background:#0000;border:none;font-size:1.05rem;margin-bottom:.5rem}.dark-mode .region{color:#fff}.dropdown-button:hover,.region:hover{cursor:pointer}@media screen and (min-width:800px){.search-main-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.dropdown-container{display:flex;justify-content:flex-end;width:100%}.region-container{bottom:-210px;max-width:200px}}:root{--Dark-Blue:#2b3945;--Very-Dark-Blue:#202c37;--Dark-Blue-Text:#111517;--Dark-Gray:#858585;--Very-Light-Gray:#fafafa}header{height:100px;padding:1rem}.dark-mode header{background-color:#2b3945;background-color:var(--Dark-Blue)}.navbar{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;width:100%}.mode-container span{font-size:1rem;margin-left:.4rem}.dark-mode .mode-container span{color:#fff}.mode-container button{align-items:center;display:flex}main{margin:0 auto;max-width:1400px;min-height:500px;width:80%}.search-main-container{min-height:100px}.btn{background:#0000;border:none;font-size:1.4rem;padding:0 .8rem}.btn:hover{cursor:pointer}.dark-mode{background-color:#202c37;background-color:var(--Very-Dark-Blue);color:#fff}.loader{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media screen and (min-width:600px){.navbar{width:80%}}.detailed-container{margin:5rem auto 0;min-height:500px;position:relative;width:90%}.back-button{align-items:center;background:var(--Dark-Blue);border-radius:5px;color:#fff;display:flex;margin-bottom:2rem}.left-arrow{font-size:1.05rem;margin-right:.1rem}.back-button:hover{cursor:pointer}.back-link{align-items:center;color:#fff;display:flex;padding:.5rem 1.25rem;text-decoration:none}.country-details-container{display:flex;flex-direction:column;height:500px;width:100%}.country-details{width:100%}.detailed-flag{margin-bottom:2rem;max-height:400px;max-width:600px;width:100%}.detailed-country-name{font-size:2rem;margin-bottom:2rem}.detailed-info{display:flex;width:100%}.detailed-info-left{margin-right:1rem}.detailed-info-right{margin-left:1rem}.border-container{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:4rem;margin-top:1rem;max-width:350px;min-height:50px}.link-to-border{margin:0 .4rem}.borders{background:#0000;border:none;color:gray;padding:.5rem 1rem}.borders:hover{cursor:pointer}div,p{font-size:.7rem}.navbar h1{font-size:.8rem}@media screen and (min-width:450px){div,p{font-size:.9rem}}@media screen and (min-width:700px){.detailed-container{width:80%}}@media screen and (min-width:940px){.navbar h1{font-size:1.3rem}div,p{font-size:1rem}.country-details-container{flex-direction:row}.detailed-flag{margin-right:3rem;max-height:300px;max-width:400px;width:100%}.country-details{width:60%}}@media screen and (min-width:1400px){.navbar{max-width:1800px}.country-details-container{margin:0 auto}.detailed-container{max-width:1800px}.detailed-flag{margin-left:auto;margin-right:5rem;max-height:400px;max-width:700px}div,p{font-size:1.1rem}}
/*# sourceMappingURL=main.9dbd8429.css.map*/