*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background-color:#FFF;font:14px optima, Hiragino Sans GB, Helvatica, Arial, sans-serif;font-size:16px;text-align:center}h1,h2,h3,h4,h5,h6{font-size:100%;margin-top:1em}h1{margin-bottom:1em}h2{font-size:120%;margin-top:2em;color:#666}blockquote{border-left:6px solid #D0D0D0;padding-left:20px;padding-left:8px}p{margin:1em 0;text-align:left;line-height:1.5em}img{display:block;margin:20px 0;text-align:center;width:100%}a{color:#333}a:hover{color:#666}a:visited{color:#656c7a}table{font-size:1em;padding:0;border-collapse:collapse}table tr{border-top:1px solid #cccccc;background-color:white;margin:0;padding:0}table tr:nth-child(2n){background-color:#f8f8f8}table tr th{font-weight:bold;border:1px solid #cccccc;margin:0;padding:0px 4px}table tr td{border:1px solid #cccccc;margin:0;padding:0px 4px}table tr th :first-child,table tr td :first-child{margin-top:0}table tr th :last-child,table tr td :last-child{margin-bottom:0}.site{font-size:18px;text-align:left;max-width:1080px;margin:0 auto;line-height:1.5em;padding:10px 20px;position:relative}.site .header a{font-weight:bold;text-decoration:none}.site .header .hlink{margin-left:20px}.site .header h1.title{display:inline-block;margin-bottom:2em}.site .header h1.title a{color:#a00}.site .header h1.title a:hover{color:#000}.site .header a.extra{color:#aaa;margin-left:1em}.site .header a.extra:hover{color:#000}.site .meta{color:#aaa}.site .footer{font-size:80%;color:#666;border-top:4px solid #eee;margin-top:2em;overflow:hidden}.site .footer .contact{float:left;margin-right:3em}.site .footer .contact a{color:#8085C1}.site .footer .rss{margin-top:1.1em;margin-right:-.2em;float:right}.site .footer .rss img{border:0}.post-index{position:absolute;left:-200px;top:0}a.selected{color:#a00}.drawings-img-mid{width:50%;margin:20px auto}.footnotes{overflow:hidden}@media only screen and (min-device-width: 812px){.post-page{padding:10px 30px;box-shadow:0 0 6px 4px #eee;border-radius:3px}}@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3){.site{padding:10px}.site .header .hlink,.site .header h1.title{font-size:1em;margin:0.5em 0 0.5em;margin-right:0.5em}.site ul.posts{padding-left:0;margin:1em 0}.site ul.posts span{font-size:60%}.site ul.posts li a{display:block;padding-left:0.5em;margin-top:.5em}.site ul.posts li{font-size:1em;margin:0;margin-bottom:.5em;line-height:1.25em}.site video{width:100% !important}}ul.posts{list-style-type:none;margin-bottom:2em}ul.posts li{line-height:1.75em;margin:0.5em 0;font-size:1.25em}ul.posts li a{text-decoration:none}ul.posts .date{color:#aaa;font-family:Monaco, "Courier New", monospace;font-size:14px;line-height:14px}.frontend{list-style:none}.frontend li{line-height:1.75em;margin:0.5em 0;font-size:1.25em;display:inline;margin-right:1em}.post{overflow:hidden}.post h1,.site h1{text-align:center;margin-top:4em;margin-bottom:1em;color:#600;font:19px optima, STHeiti;font-weight:600}.post pre{border:1px solid #ddd;background-color:#eef;padding:0.4em .7em}.highlight pre{border:1px solid #ddd;border-radius:4px;margin:20px 0;padding:0.4em .7em;color:#b7b7b7}.post code{font-size:0.8em;white-space:pre-wrap;padding:3px 3px;border-radius:3px}.post .equation{font-size:0.9em;overflow:auto}.post pre code{border:none}.post pre.terminal{border:1px solid #000;background-color:#333;color:#FFF}.post pre.terminal code{background-color:#333}.post-page a{color:#1e6aff}.post-page a:hover{color:#666}.post-page a:visited{color:#7aa7ff}#select-1,#select-2,#select-3{font-size:9px}#select-4{font-size:9px}.cell-selected{background:#aaa !important}.image-caption{text-align:center;font-size:0.8em;color:#999}.equation{margin:20px 0}canvas{border:1px solid #eee;margin:10px auto;display:block}canvas.fullscreen{width:100%;position:fixed;top:0;left:0}.project-list>div{margin-top:3em}.highlight pre{background-color:#333}.highlight .hll{background-color:#333}.highlight .c{color:#008800;font-style:italic;background-color:#0f140f}.highlight .err{color:#fff}.highlight .g{color:#fff}.highlight .k{color:#fb660a;font-weight:bold}.highlight .l{color:#fff}.highlight .n{color:#fff}.highlight .o{color:#fff}.highlight .x{color:#fff}.highlight .p{color:#fff}.highlight .cm{color:#008800;font-style:italic;background-color:#0f140f}.highlight .cp{color:#ff0007;font-weight:bold;font-style:italic;background-color:#0f140f}.highlight .c1{color:#008800;font-style:italic;background-color:#0f140f}.highlight .cs{color:#008800;font-style:italic;background-color:#0f140f}.highlight .gd{color:#fff}.highlight .ge{color:#fff}.highlight .gr{color:#fff}.highlight .gh{color:#ffffff;font-weight:bold}.highlight .gi{color:#fff}.highlight .go{color:#444444;background-color:#222}.highlight .gp{color:#fff}.highlight .gs{color:#fff}.highlight .gu{color:#ffffff;font-weight:bold}.highlight .gt{color:#fff}.highlight .kc{color:#fb660a;font-weight:bold}.highlight .kd{color:#fb660a;font-weight:bold}.highlight .kn{color:#fb660a;font-weight:bold}.highlight .kp{color:#fb660a}.highlight .kr{color:#fb660a;font-weight:bold}.highlight .kt{color:#cdcaa9;font-weight:bold}.highlight .ld{color:#fff}.highlight .m{color:#0086f7;font-weight:bold}.highlight .s{color:#0086d2}.highlight .na{color:#ff0086;font-weight:bold}.highlight .nb{color:#fff}.highlight .nc{color:#fff}.highlight .no{color:#0086d2}.highlight .nd{color:#fff}.highlight .ni{color:#fff}.highlight .ne{color:#fff}.highlight .nf{color:#ff0086;font-weight:bold}.highlight .nl{color:#fff}.highlight .nn{color:#fff}.highlight .nx{color:#fff}.highlight .py{color:#fff}.highlight .nt{color:#fb660a;font-weight:bold}.highlight .nv{color:#fb660a}.highlight .ow{color:#fff}.highlight .w{color:#888}.highlight .mf{color:#0086f7;font-weight:bold}.highlight .mh{color:#0086f7;font-weight:bold}.highlight .mi{color:#0086f7;font-weight:bold}.highlight .mo{color:#0086f7;font-weight:bold}.highlight .sb{color:#0086d2}.highlight .sc{color:#0086d2}.highlight .sd{color:#0086d2}.highlight .s2{color:#0086d2}.highlight .se{color:#0086d2}.highlight .sh{color:#0086d2}.highlight .si{color:#0086d2}.highlight .sx{color:#0086d2}.highlight .sr{color:#0086d2}.highlight .s1{color:#0086d2}.highlight .ss{color:#0086d2}.highlight .bp{color:#fff}.highlight .vc{color:#fb660a}.highlight .vg{color:#fb660a}.highlight .vi{color:#fb660a}.highlight .il{color:#0086f7;font-weight:bold}.project-list>div{margin-top:3em}