body{margin:0;font-family:Arial,sans-serif;color:#666;text-align:center}a{color:inherit;text-decoration:none}h1{margin-bottom:1em;font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif}h1,h2{color:#2c3e50;font-weight:300}h2{margin-top:3em;font-size:1.2em}.desc{margin-bottom:4em;color:#7f8c8d}h2 small{opacity:.7}p small{font-size:.8em;color:#7f8c8d}p{line-height:1.5}pre{display:inline-block;padding:.8em;background-color:#f9f9f9;box-shadow:0 1px 2px rgba(0,0,0,.125);line-height:1.1;color:#2973b7}code,pre{font-family:Roboto Mono,Monaco,courier,monospace}pre code{font-size:.8em}.attr{color:#e96900}.val{color:#42b983}footer{margin:5em 0 3em;font-size:.5em;vertical-align:middle}footer a{display:inline-block;margin:0 5px;padding:3px 0 6px;color:#7f8c8d;font-size:2em;text-decoration:none}footer a:hover{padding-bottom:3px;border-bottom:3px solid #42b983}button{box-sizing:border-box;border:1px solid #4fc08d;border-radius:2em;background-color:#fff;color:#42b983;cursor:pointer}body .echarts{width:40vw;min-width:400px;height:300px;margin:2em auto;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 0 45px rgba(0,0,0,.2);padding:1.5em 2em}@-webkit-keyframes fill{0%{fill:#42b983}50%{fill:#2c3e50}to{fill:#42b983}}@keyframes fill{0%{fill:#42b983}50%{fill:#2c3e50}to{fill:#42b983}}