.hljs{display:block;overflow-x:auto;padding:0.5em;background:#232323;color:#e6e1dc}.hljs-comment,.hljs-quote{color:#bc9458;font-style:italic}.hljs-keyword,.hljs-selector-tag{color:#c26230}.hljs-string,.hljs-number,.hljs-regexp,.hljs-variable,.hljs-template-variable{color:#a5c261}.hljs-subst{color:#519f50}.hljs-tag,.hljs-name{color:#e8bf6a}.hljs-type{color:#da4939}.hljs-symbol,.hljs-bullet,.hljs-built_in,.hljs-builtin-name,.hljs-attr,.hljs-link{color:#6d9cbe}.hljs-params{color:#d0d0ff}.hljs-attribute{color:#cda869}.hljs-meta{color:#9b859d}.hljs-title,.hljs-section{color:#ffc66d}.hljs-addition{background-color:#144212;color:#e6e1dc;display:inline-block;width:100%}.hljs-deletion{background-color:#600;color:#e6e1dc;display:inline-block;width:100%}.hljs-selector-class{color:#9b703f}.hljs-selector-id{color:#8b98ab}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}.hljs-link{text-decoration:underline}*,*::before,*::after{box-sizing:border-box}body{padding:0;font-family:'Lora',serif;margin:0;color:#222222;height:100vh;display:flex;flex-direction:column;background-color:#ffffff}h1,h2,h3,h3,h4,h5,h6,h7{font-family:'Playfair Display',serif;font-weight:100}main{padding:32px;width:100%;max-width:720px;margin:auto;margin-top:64px;flex:1}main h1{margin:0;margin-top:48px}.splash h1{margin:0;margin-bottom:64px}a{color:#045757}.articles h2{margin:0;margin-top:48px}li{margin-top:8px}div.date,.publication-item>span{color:#6fa3a9;font-family:'Fira Mono',monospace;font-size:65%;word-spacing:0}.publication-item>span{margin-left:8px}div.date{margin-bottom:48px;margin-top:12px}p{text-align:left}.main-title{font-size:2.8em}footer{padding:12px;background-color:#222222;color:#666;margin-top:32px;text-align:right;display:flex;flex-direction:row}footer>div{margin:auto;flex:1;text-align:right}footer>div:first-child{text-align:left}footer img{width:32px}footer a{color:#fff;text-decoration:none}.article h2,.article h3,.article h4,.article h5{margin-top:62px;margin-bottom:32px}.article p{line-height:180%}.article-footer{text-align:center;margin-top:120px}blockquote{font-style:italic;color:#333;margin-bottom:48px;margin-top:32px}pre{padding:12px;margin:32px 0;border-radius:4px;background-color:#232323}code{font-family:'Fira Mono',monospace;border-radius:4px;margin:3px;padding:1px 6px;background-color:#d8dfe2;color:#000}pre code{border-radius:4px;margin:0;background-color:transparent}#disqus_thread{margin-top:64px}.footnoteRef{text-decoration:none}.footnoteRef sup{font-weight:100}.footnotes{margin-top:88px;font-size:80%}.footnotes:before{content:'Notes';font-size:1.8em}.footnotes hr{display:none}.footnotes p{margin:0;padding:0;line-height:100%}.small-menu a{margin-right:12px}.figure{max-width:100%;padding:32px}.article>p>img{max-width:100%;margin:32px auto}.figure{text-align:center}.figure>img{max-width:100%;margin:auto}.figure .caption{margin:0;text-align:center;font-size:80%;color:#6fa3a9}.softwares{margin-top:64px}.software{margin-top:64px}.softwares h3{margin-bottom:22px;color:#6fa3a9;font-size:200%}.software .tag{background-color:black;color:white;padding:4px 16px;border-radius:4px;font-family:'Fira Mono',monospace;font-size:80%;margin-right:6px;display:inline-block;margin-top:6px}.software .tag[data-tag='mit']{background-color:#f2f2f2;color:#666}.software .tag[data-tag='mit']::before{content:'MIT'}.software .tag[data-tag='elm']{background-color:#75e2e4;color:#071414}.software .tag[data-tag='elm']::before{content:'Elm'}.software .tag[data-tag='electron']{background-color:#4931a8;color:#fff}.software .tag[data-tag='electron']::before{content:'Electron'}.software .tag[data-tag='vxace']{background-color:#de6394;color:#fff}.software .tag[data-tag='vxace']::before{content:'RPGMaker VXAce'}.software .tag[data-tag='mv']{background-color:#a567b2;color:#fff}.software .tag[data-tag='mv']::before{content:'RPGMaker MV'}.software .tag[data-tag='javascript']{background-color:#ffe669;color:#000}.software .tag[data-tag='javascript']::before{content:'JavaScript'}.software .tag[data-tag='haskell']{background-color:#00a0ad;color:#fff}.software .tag[data-tag='haskell']::before{content:'Haskell'}.software .tag[data-tag='ruby']{background-color:#770007;color:#fff}.software .tag[data-tag='ruby']::before{content:'Ruby'}.software .tag[data-tag='ocaml']{background-color:#e87e0c;color:#fff}.software .tag[data-tag='ocaml']::before{content:'OCaml'}