@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
body{background-color:#f2f3f4}body h1{font-family:"Montserrat";font-size:50px;font-weight:500;display:flex;justify-content:center;color:#254652;margin-bottom:20px}body button.nav-links{font-family:"Montserrat";background-color:#f2f3f4;border:1px solid #254652;color:#254652;padding:5px 10px;border-radius:3px;justify-content:center;margin-right:5px}body button.nav-links:hover{border:1px solid #e86f50;color:#e86f50}body button.nav-links:focus{background-color:#f4b7a8;color:#e86f50;outline:none}#navbar{display:flex;justify-content:center}#modal-container{display:none;background-color:rgba(0,0,0,.2);position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000}.modal-links{margin-top:10px;align-items:center;justify-content:center}.modal{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%, -50%);background-color:#254652;box-shadow:0 10px 10px rgba(0,0,0,.2),0 10px 10px rgba(0,0,0,.2);top:34%;left:50%;width:500px;height:350px;padding:20px 40px;border-radius:3px;animation-name:modalFade;animation-duration:.7s;font-family:"Montserrat"}.modal p{font-style:normal;text-align:left;justify-content:left;font-size:14px;color:#f2f3f4}.modal p.author{margin-top:20px}.modal span{font-style:normal;margin-top:15px;margin-bottom:15px;font-size:16px;font-weight:600;color:#f2f3f4;align-self:center}.modal span:hover{color:#e86f50;cursor:pointer}.modal button{margin-top:5px;background-color:#0e6dcc;color:#fff;outline:none;align-items:center;justify-content:center}.modal button:hover{color:#e86f50}.modal a{color:#fff;outline:none;margin:5px 5px;align-items:center;justify-content:center;margin-top:15px}.modal a:hover{color:#e86f50}@keyframes modalFade{from{top:34%;opacity:0}to{top:34%;opacity:1}}#citiesPopulationMapping{display:flex;justify-content:center;vertical-align:center}#citiesPopulationMapping .svg-content{width:100%;height:710px;margin-top:15px;margin-bottom:15px;overflow:hidden}#countriesAreaMapping{display:flex;justify-content:center;vertical-align:center}#countriesAreaMapping .svg-content{width:100%;height:710px;margin-top:15px;margin-bottom:15px;overflow:hidden}#countriesPopulationMapping{display:flex;justify-content:center;vertical-align:center}#countriesPopulationMapping .svg-content{width:100%;height:710px;margin-top:15px;margin-bottom:15px;overflow:hidden}#countriesGDPMapping{display:flex;justify-content:center;vertical-align:center}#countriesGDPMapping .svg-content{width:100%;height:710px;margin-top:15px;margin-bottom:15px;overflow:hidden}#maps{display:flex;flex-wrap:wrap;justify-content:center;position:relative;margin-top:-40px;z-index:1}#maps #d3leftMapping,#maps #d3rightMapping{width:50%;display:flex}#maps #d3leftMapping .svg-content,#maps #d3rightMapping .svg-content{height:710px}.dropdown{display:flex;justify-content:space-around;margin-top:40px;position:relative;z-index:1000}.dropdown #leftMappingDrop,.dropdown #rightMappingDrop{font-family:"Montserrat";background-color:#f2f3f4;border:1px solid #254652;color:#254652;padding:5px 10px;border-radius:3px}#leftMappingDrop:focus,#rightMappingDrop:focus{outline:none}#leftMappingDrop:hover,#rightMappingDrop:hover{cursor:pointer}button:hover{cursor:pointer}

/*# sourceMappingURL=main.css.map*/