html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{--base-font-size: 20px}body{--bg-color: #F3F7F9;--bg-content-color: #fff;--bg-code: #fffbf3;--body-color: #444;--title-color: #111;--link-color: #6b17e6;--border-color: rgba(0,0,0,.1);--space: 3.5rem;--content-width: 860px;--header-height: 80px;--radius: 5px;--serif: "Merriweather", Georgia, Serif;--sanserif: "Merriweather Sans", "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace}@media screen and (max-width: 650px){html{--base-font-size: 17px}body{--space: 1.5rem;--header-height: 60px}}body{--bg-color: #111216;--bg-content-color: #1D2128;--bg-code: rgba(0,0,0,.3);--border-color: #73737D;--body-color: #fff;--title-color: #fff;--link-color: #fffbf3;--serif: "Merriweather", Georgia, Serif;--sanserif: "Merriweather Sans", "SF Pro Display", "-apple-system", "BlinkMacSystemFont", "San Francisco", "Helvetica Neue", "Helvetica", "Ubuntu", "Roboto", "Noto", "Segoe UI", "Arial", sans-serif;--monospace: "Operator Mono", Consolas, Menlo, Monaco, source-code-pro, Courier New, monospace}html{font-size:var(--base-font-size)}body{font-family:var(--sanserif);font-weight:400;line-height:1.45}p{margin-bottom:1.25em}h1,h2,h3,h4,h5{transition:color .6s;color:var(--title-color);margin:2.75rem 0 1rem;font-family:var(--serif);font-weight:600;line-height:1.15}h1{margin-top:0;font-size:1.802em}h2{font-size:1.602em}h3{font-size:1.424em}h4{font-size:1.266em}h5{font-size:1.125em}small{font-size:.889em}strong{font-weight:600}blockquote{border-left:4px solid var(--border-color);padding-left:calc(var(--space) / 2);color:var(--title-color)}em{font-style:italic}ul{list-style-type:disc;margin-left:1.25em;margin-bottom:1.25em}ul li{margin-bottom:.6em}ol{list-style-type:decimal;margin-left:1.25em;margin-bottom:1.25em}ol li{margin-bottom:.6em}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-color);color:var(--body-color);transition:color .6s,background-color .6s;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;line-height:1.5}#app{min-height:100vh}.main{margin:0 auto;padding:1.5vw 15px 0}.logo{margin:0 auto;text-align:center;padding:calc(var(--space) / 2) 0;width:50%;min-width:100px;max-width:250px}.posts{max-width:var(--content-width);margin:0 auto}.pagination{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:0 4rem;font-size:1.4rem;font-weight:700}.pagination .page-links{color:var(--link-color);text-decoration:none;margin:0 .5rem}.pagination .page-links.active{color:#fff}.pagination .page-links:hover{text-decoration:underline}.pagination .page-links:focus{outline:none}.footer{display:flex;align-items:center;justify-content:center;padding:calc(var(--space) / 2);text-align:center;font-size:.8em;margin-bottom:4rem}.footer .footer_base{position:absolute;opacity:.5;padding:calc(var(--space) / 2)}.footer a{color:currentColor;z-index:100;opacity:.5}.footer a:hover{opacity:1}.post-card{margin-bottom:var(--space);position:relative}.post-card .date{font-size:.7rem;text-transform:uppercase;font-weight:500;opacity:.5}.post-card:hover{background:#232830}.post-card__header{margin-left:calc(var(--space) * -1);margin-right:calc(var(--space) * -1);margin-bottom:calc(var(--space) / 2);margin-top:calc(var(--space) * -1);overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.post-card__header:empty{display:none}.post-card__image{min-width:100%}.post-card__title{margin-top:0}.post-card__link{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;overflow:hidden;text-indent:-9999px;z-index:0}.post-title{padding:calc(var(--space) / 2) 0 calc(var(--space) / 2);text-align:center}.post__header{width:calc(100% + var(--space) * 2);margin-left:calc(var(--space) * -1);margin-top:calc(var(--space) * -1);margin-bottom:calc(var(--space) / 2);overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.post__header img{width:100%}.post__header:empty{display:none}.post__content h2:first-child{margin-top:0}.post__content img{width:calc(100% + var(--space) * 2);margin-top:var(--space);margin-left:calc(var(--space) * -1);display:block;max-width:none}.post-meta{font-size:.8em;opacity:.8}.post-tags{margin:1em 0 0}.post-tags__link{margin-right:.7em;font-size:.8em;text-decoration:none;background-color:var(--bg-color);color:currentColor;padding:.5em;border-radius:var(--radius)}.contact{width:100%;padding:0 2rem;display:flex;flex-flow:column;justify-content:center;align-items:center;height:100vh}.contact h1{margin:0;font-size:1.6em}.contact img{width:100%;max-width:100px}.contact a{text-decoration:none;display:flex;align-items:center;flex-direction:column}.contact a:hover{flex-direction:column-reverse}.not-found{width:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;height:100vh}.not-found a{text-decoration:none}a:not(.button){color:var(--link-color);transition:opacity .2s}a:not(.button):hover{opacity:.5}img{max-width:100%}pre{padding:calc(var(--space) / 2);font-size:.85em;background-color:var(--bg-code);margin-bottom:2em;border:1px solid var(--border-color);border-radius:var(--radius)}code{background-color:var(--bg-code);border:1px solid var(--border-color);font-size:.85em;padding:.2em .5em}code[class*=language-],pre[class*=language-]{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{overflow:auto}:not(pre)>code[class*=language-]{border-radius:var(--radius);white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#c71b7b}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#20a7e0}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.content-box{background-color:var(--bg-content-color);max-width:var(--content-width);margin:0 auto var(--space);transition:background-color .6s;padding:var(--space);border-radius:var(--radius);box-shadow:1px 1px 5px #00000005,1px 1px 15px #00000008;transition:transform .3s,background-color .3s,box-shadow .6s}.text-center{text-align:center}.space-bottom{margin-bottom:var(--space)}.space-top{margin-top:var(--space)}