html,body{background-color:#ddd;height:100%;width:100%}header{background:url("/images/cover.jpg") top center no-repeat #666}header>.panel-overlay>.center-content{display:flex;flex-direction:column;justify-content:flex-start}header>.panel-overlay>.center-content .user-image{text-align:center}header>.panel-overlay>.center-content .user-image img{border:3px solid rgba(255,255,255,0.25);border-radius:100%}header>.panel-overlay>.center-content ul.button-bar{list-style:none;text-align:center}header>.panel-overlay>.center-content ul.button-bar li{background:rgba(255,255,255,0.25);display:inline-block;padding:4pt;margin-right:4pt}header>.panel-overlay>.center-content ul.button-bar li .label{display:none}header>.panel-overlay>.center-content>*:first-child{margin-top:2.5em}header>.panel-overlay>.center-content>*:last-child{margin-bottom:2.5em}main .center-content{padding-top:2.5em;padding-bottom:2.5em}main .center-content article{background-color:#eee;margin-bottom:2.5em}main .center-content article h1{background-size:cover;background-image:linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)),url("/images/cover.jpg");background-position:center center;background-repeat:no-repeat;transition:0.3s}main .center-content article h1:focus,main .center-content article h1:hover{background-image:linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8)),url("/images/cover.jpg")}main .center-content article blockquote{background-color:#fff}main .center-content article:last-child{margin-bottom:0}main .center-content #disqus_thread{background-color:#eee}main.index .center-content,#recommended{display:flex;align-content:flex-start;align-items:stretch;flex-direction:row;justify-content:flex-start;padding:0}main.index .center-content{flex-wrap:wrap;margin:1.25em 0;width:100%}main.index .center-content article{margin:1.25em;min-width:400px}#recommended{margin-bottom:2.5em}#recommended article{flex:1;margin:0}#recommended article .post-meta{border:0}#recommended:last-child{margin-bottom:0}footer{width:100%}footer .copyright{text-align:center}.panel-overlay{background-color:rgba(34,34,34,0.85);height:100%;width:100%}.center-content>*{margin:0 auto}@media (min-width: 1430px){header{position:absolute;height:100%;width:500px;z-index:1}header .center-content{height:100vh;overflow:auto}header .center-content>*{width:400px}#leftpad{height:100%;width:100%;overflow:auto;padding-left:calc(500px + 1.25em);position:absolute;z-index:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#leftpad .center-content>*{width:800px}#leftpad main.index .center-content>*{width:400px}main>*{position:relative;top:0;z-index:1}footer{position:sticky;bottom:0;z-index:0}}@media (min-width: 1300px) and (max-width: 1429px){header{position:absolute;height:100%;width:400px;z-index:1}header .center-content{height:100vh;overflow:auto}header .center-content>*{width:320px}#leftpad{height:100%;width:100%;overflow:auto;padding-left:calc(400px + 1.25em);position:absolute;z-index:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#leftpad .center-content>*{width:800px}#leftpad main.index .center-content>*{width:400px}main>*{position:relative;top:0;z-index:1}footer{position:sticky;bottom:0;z-index:0}}@media (min-width: 1200px) and (max-width: 1299px){header{position:absolute;height:100%;width:400px;z-index:1}header .center-content{height:100vh;overflow:auto}header .center-content>*{width:320px}#leftpad{height:100%;width:100%;overflow:auto;padding-left:calc(400px + 1.25em);position:absolute;z-index:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#leftpad .center-content>*{width:700px}#leftpad main.index .center-content>*{width:350px}main>*{position:relative;top:0;z-index:1}footer{position:sticky;bottom:0;z-index:0}}@media (min-width: 1070px) and (max-width: 1199px){header{position:absolute;height:100%;width:350px;z-index:1}header .center-content{height:100vh;overflow:auto}header .center-content>*{width:280px}#leftpad{height:100%;width:100%;overflow:auto;padding-left:calc(350px + 1.25em);position:absolute;z-index:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#leftpad .center-content>*{width:600px}#leftpad main.index .center-content>*{width:300px}main>*{position:relative;top:0;z-index:1}footer{position:sticky;bottom:0;z-index:0}}@media (max-width: 1069px){table{table-layout:fixed;width:100%}table th,table td{overflow-x:auto}header>.panel-overlay>.center-content>*:first-child{margin-top:1.25em}header>.panel-overlay>.center-content>*:last-child{margin-bottom:1.25em}main .center-content{padding-top:1.25em;padding-bottom:1.25em}main .center-content article{background-color:#eee;margin-bottom:1.25em}main.index .center-content article{min-width:0}.katex-display{overflow-x:auto;margin:0 auto;padding:0 1.25em}#recommended{flex-direction:column}}pre>code{background:#181818;padding:16px;color:#F8F8F8;font-family:Consolas, Monaco,"Lucida Console"}pre>code *{font-family:Consolas, Monaco,"Lucida Console"}pre>code .hll{background-color:#ffffcc}pre>code .c{color:#5F5A60;font-style:italic}pre>code .err{border:#B22518}pre>code .k{color:#CDA869}pre>code .cm{color:#5F5A60;font-style:italic}pre>code .cp{color:#5F5A60}pre>code .c1{color:#5F5A60;font-style:italic}pre>code .cs{color:#5F5A60;font-style:italic}pre>code .gd{background:#420E09}pre>code .ge{font-style:italic}pre>code .gr{background:#B22518}pre>code .gh{color:#000080;font-weight:bold}pre>code .gi{background:#253B22}pre>code .gp{font-weight:bold}pre>code .gs{font-weight:bold}pre>code .gu{color:#800080;font-weight:bold}pre>code .kd{color:#e9df8f}pre>code .kp{color:#9B703F}pre>code .na{color:#F9EE98}pre>code .nb{color:#CDA869}pre>code .nc{color:#9B859D;font-weight:bold}pre>code .no{color:#9B859D}pre>code .nd{color:#7587A6}pre>code .ni{color:#CF6A4C;font-weight:bold}pre>code .nf{color:#9B703F;font-weight:bold}pre>code .nn{color:#9B859D;font-weight:bold}pre>code .nt{color:#CDA869;font-weight:bold}pre>code .nv{color:#7587A6}pre>code .ow{color:#AA22FF;font-weight:bold}pre>code .w{color:#141414}pre>code .mf{color:#CF6A4C}pre>code .mh{color:#CF6A4C}pre>code .mi{color:#CF6A4C}pre>code .mo{color:#CF6A4C}pre>code .sb{color:#8F9D6A}pre>code .sc{color:#8F9D6A}pre>code .sd{color:#8F9D6A;font-style:italic}pre>code .s2{color:#8F9D6A}pre>code .se{color:#F9EE98;font-weight:bold}pre>code .sh{color:#8F9D6A}pre>code .si{color:#DAEFA3;font-weight:bold}pre>code .sx{color:#8F9D6A}pre>code .sr{color:#E9C062}pre>code .s1{color:#8F9D6A}pre>code .ss{color:#CF6A4C}pre>code .bp{color:#00aaaa}pre>code .vc{color:#7587A6}pre>code .vg{color:#7587A6}pre>code .vi{color:#7587A6}pre>code .il{color:#009999}