@import url(https://fonts.googleapis.com/css?family=Dosis:300,500,700);*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font:10px/1 sans-serif;position:relative}.bg{width:100%;position:fixed;z-index:-10}.bg.bg-img{top:0;height:260px;background-image:url("/fcc/d3-scatterplot/public/tdf.jpg");background-position:50%}.bg.bg-img:after{content:"";top:0;position:fixed;width:100%;height:260px;z-index:-9;background-color:#1f77b4;opacity:.6}.bg.bg-lower{top:260px;height:100%;background-color:#fafafa}main{max-width:1000px;margin:40px auto 0;padding-top:15px;padding-bottom:40px;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;-ms-flex-line-pack:start;align-content:flex-start;background-color:#fff;border:1px solid #aaa}.dot{stroke-width:0;stroke:#000;cursor:pointer;-webkit-transition:all .1s ease;transition:all .1s ease}.dot:hover{stroke-width:1px;r:7.5}.label{fill:#000}.h4{font:700 16px/1.2 Dosis,sans-serif}.tooltip{font-size:12px;width:260px;padding:0 10px 10px;background-color:#fafafa;border:3px solid #ff7f0e;border-radius:5px;position:absolute;display:block;opacity:0;z-index:11;-webkit-transition:all .4s ease;transition:all .4s ease;pointer-events:none}.tooltip p a{text-decoration:none}