.site-nav{position:fixed;top:0;left:0;height:100vh;width:250px;text-align:center;padding:2em;z-index:5;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.3);transition:left 0.5s ease;overflow-y:auto}.site-nav .menu-extend{width:100%;height:44px}.site-header{position:fixed;left:0;top:0;width:100vw;height:44px;text-align:center;padding:10px;z-index:3;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);transition:top 0.5s ease}.menu-toggle{display:block;position:fixed;top:0;left:0;z-index:10;padding:10px;transition:all 0.5s ease}.menu-toggle .open-nav,.menu-toggle .close-nav{display:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2}#navigation:target .menu-toggle{left:200px;padding-right:0}#navigation:not(:target) .open-nav{display:block}#navigation:target .close-nav{display:block}.menu-toggle span{display:block;width:34px;height:4px;margin:3px;position:relative;z-index:1;transition:all 0.5s ease}.menu-toggle span:nth-child(1){transform-origin:5px 0%}.menu-toggle span:nth-child(3){transform-origin:4px 100%}#navigation:target .menu-toggle span:nth-child(1){opacity:1;transform:rotate(45deg) translate(-2px, -1px)}#navigation:target .menu-toggle span:nth-child(2){opacity:0;transform:rotate(0deg) scale(0.2, 0.2)}#navigation:target .menu-toggle span:nth-child(3){transform:rotate(-45deg) translate(0, -1px)}@media (max-width: 980px){.page-content{margin-top:44px}.page-content :target::before{margin-top:54px}#navigation:not(:target) .site-nav{left:-250px}#navigation:target .site-header{top:-44px}}@media (min-width: 980px){.page-content{margin-left:250px}.site-header{display:none}.menu-toggle{display:none}}.nav-content{display:flex;flex-direction:column;height:100%}.nav-content svg{height:1em;width:1em;vertical-align:middle}.nav-title{margin-top:auto;margin-bottom:1em}.nav-title #title{font-size:x-large;font-weight:bold}.nav-links{margin:auto 0;list-style:none;font-size:large}.nav-links li{margin:1rem}.toc{margin:auto 0;margin-top:1em;text-align:left}.toc header{margin-top:0.5em;font-weight:bold}.toc ul{padding-left:1em;margin-top:0;list-style-type:square}.toc span{font-style:italic}.toc a{display:inline}div.border-placeholder{border-bottom:1px solid}div.about{padding-top:0.5em;margin:auto 0}.social{list-style-type:none}.social li{margin:1em 0}.social img#feedlyFollow{margin:0;width:5em}section.theme{margin-top:auto}div.theme-selector{margin:0.5em 0}div.theme-selector input.accent,div.theme-selector button{border:0;background:unset;padding:unset;cursor:pointer}div.theme-selector button.reset{padding:1em}div.theme-selector input.accent{height:3rem;width:2rem;vertical-align:middle;font-size:0;margin-right:-5px}div.themes{display:inline-flex;flex-direction:column;vertical-align:middle;justify-content:stretch;height:3rem}div.themes button{width:4rem;height:2rem}.blog{padding:3rem;padding-top:1rem;max-width:1200px}@media (max-width: 768px){.blog{padding:1rem}}.post-list{list-style-type:none;margin-top:0}.post-list li{padding:1rem}.post-list h3{margin-top:0.5em;margin-bottom:0em}.pagination{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:0 1rem}.pagination .pagination-item{padding:.5em;border-radius:3px;box-shadow:2px 2px 5px 0px #0000001f;transform:unset}.pagination .pagination-previous,.pagination .pagination-next{line-height:0;padding:0.667em}.pagination .pagination-previous svg,.pagination .pagination-next svg{height:1em;width:1em;vertical-align:middle}.pagination .pagination-list{display:flex;justify-content:center;list-style-type:none;flex-grow:1}.pagination .pagination-list li .pagination-link{display:block;text-align:center;min-width:2.5em}.pagination .pagination-list span{padding:0.5em;flex-shrink:1;text-overflow:ellipsis}article.post>*:not(div){margin-left:4rem;margin-right:4rem;max-width:900px;line-height:1.6}article.post pre.highlight{padding:1em;padding-left:4rem;margin:0;width:100%;margin-bottom:4px;overflow-x:auto;background-image:url(/static/img//pre-background.svg);background-attachment:fixed;background-repeat:repeat-y;background-position:center center;background-size:100%}article.post p>code{font-size:1.25em;padding:1px 0.25em}article.post h1,article.post h2,article.post h3,article.post h4,article.post h5,article.post h6{margin-top:2em}article.post ul{list-style-type:square}article.post *:target::before{display:inline-block;margin-right:0.5em;content:"➔  "}article.post p a{word-wrap:break-word;max-width:100%}article.post table{border-collapse:collapse}article.post table td,article.post table th{padding:0.2em 1em}article.post figure>div.video-container{position:relative;height:0;padding-top:55%}article.post figure>div.video-container iframe.yt-video{position:absolute;left:0;top:0;width:100%;height:100%}article.post section.tags svg{height:1em;width:1em;vertical-align:middle}@media (max-width: 768px){article.post>*:not(div){margin-left:1rem;margin-right:1rem}article.post pre.highlight{padding-left:1rem}}section.tags a.label{padding:0.333em 0.666em;border-radius:3px}p.comments{position:relative;min-height:10em;margin:2em 0}p.comments div.utterances{max-width:100%}p.comments svg.loading{display:block;position:absolute;height:2em;width:2em;top:5em;left:50%;margin:auto;z-index:-1;animation:spin infinite 1s}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}nav.suggestions{margin:1em 0}nav.suggestions header{padding-bottom:0.5em;margin-bottom:0.5em}nav.suggestions a{max-width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav.suggestions a.next{float:right}footer{padding:1em 0;margin-top:3em}@font-face{font-family:'opensans';font-weight:400;src:url("/static/fonts/opensans.ttf") format("truetype")}@font-face{font-family:'opensans';font-weight:700;src:url("/static/fonts/opensans-bold.ttf") format("truetype")}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}img,embed,object,video{max-width:100%;max-height:700px;margin-top:1em}body{margin:0;font-family:opensans}a{text-decoration:none;display:inline-block;transition:color 0.3s, transform 0.3s}a:hover{transform:scale(1.125) skewX(-10deg)}ul{padding-left:0}