@import url(https://fonts.googleapis.com/css?family=Galada);*{box-sizing:border-box}body,html{margin:0;padding:0}body{font:12px/1 sans-serif;padding-top:10px;background:url(/fcc/d3-force-graph/public/world_map.svg);background-position:50%;background-size:cover}main{max-width:920px;padding:10px;margin:0 auto;border:1px solid gray;border-radius:5px;background-color:#fff;box-shadow:0 2px 10px 0 gray;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main h1{font:normal 3em/1.5 Galada,cursive;margin:0}main p{margin:0 0 10px}main svg{border:1px solid gray;border-radius:5px;box-shadow:inset 1px 1px 3px 0 gray;background-color:#f0f0f0}.links line{stroke:#3e3e3e}.nodes .country{cursor:move}.tooltip{width:150px;min-height:30px;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;text-align:center;background-color:#333;border-radius:3px;box-shadow:0 0 6px 0 gray;opacity:0;position:fixed;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.tooltip h4{margin:0;font:normal 1.35em/1 Galada,cursive}