body{padding:200px 0 30px;background-color:#efefef;color:#222;font-family:open sans,Helvetica,Arial,Verdana,sans-serif}header{background-color:#222;color:#efefef;position:fixed;top:0;left:0;right:0;padding:15px;z-index:2;user-select:none}header .title{text-align:center}header .title a{color:#efefef;font-size:2em}header .navigation ul{list-style:none;padding:0;text-align:center}header .navigation ul li{display:inline-block;padding:0 .75em}header a{color:#efefef;text-decoration:none}header .navigation a{display:block;border-bottom:solid 1px #333}header a:hover{border-bottom:solid 1px #c00}.container{margin:0 auto;padding-bottom:5em;max-width:710px}footer{position:fixed;bottom:0;left:0;right:0;height:40px;line-height:40px;margin-top:5em;background-color:#222;text-align:center;color:#efefef;border-top:solid 1px #63768d}footer a{color:#efefef;text-decoration:none}main a{color:#c00;position:relative;text-decoration:none;transition:color ease-out .25s;border-bottom:solid 1px #ccc}main a:hover,footer a:hover{color:#622}main a::after,footer a::after{display:block;position:absolute;z-index:5;content:'';top:100%;left:0;right:100%;width:0;height:1px;background:linear-gradient(90deg,#ccc 0%,red 25%,#ccc 100%);transition:all ease-out .25s;transform:translateX(0)}main a:hover::after,footer a:hover::after{width:100%}article{margin-bottom:5em}article.summary{box-sizing:border-box;border-left:solid 1px #ccc;padding:1em 2em;position:relative}article.summary .date{position:absolute;top:30px;right:100%;width:80px;border-top-left-radius:5px;border-bottom-left-radius:5px;text-align:center;padding:.5em 0;background:linear-gradient(to right,#900,#900 50%,#900,#600 100%);color:#efefef;text-shadow:#333 0 0 2px;user-select:none}article.summary .date-mobile{display:none}article.summary .day{font-size:1.5em;line-height:1em}article.summary .month{line-height:.8em}article.summary .year{margin-top:.2em;font-size:.8em}article h1{margin-bottom:.85em;font-weight:400}article h2,article h3{font-weight:100;color:#333;border-bottom:solid 1px #ccc}article h2{margin-top:2em;font-size:1.3em}article h3{margin-top:2em}article h1 a,article h2 a,article h3 a{color:#222}article .read-more{display:block;margin-top:.5em;text-align:right}article div.read-more{margin-top:1em;border-top:solid 1px #ccc}article.summary .tags,article .single_meta .tags{font-style:italic;color:#666}article .single_meta{border:solid 1px #ccc;padding:1em;background-color:#ddd;margin:3em 0}article.summary .tags a,article .single_meta .tags a{margin-right:.25em}article ul li,article ol li{padding-bottom:1em}article ul img,article ol img{padding-bottom:2em}article sup{color:#333;border:solid 1px #999;border-radius:50%;display:inline-block;min-width:1em;height:1em;text-align:center;line-height:1em;padding:.1em;margin-left:.1em}hr{height:1px;border:none;background-color:#ccc}.page-list{padding-left:0}.page-list>li{list-style:none}.page-list time{margin-right:1em}.back-to-top{position:fixed;right:20px;bottom:64px;width:64px;height:64px;background-color:rgba(0,0,0,.5);border-radius:3px;vertical-align:middle;transform:translateY(200px);transition:transform .25s ease-in}.back-to-top.enabled{cursor:pointer;transform:translateY(0)}.back-to-top svg{margin:16px;width:32px;height:32px;fill:#efefef}.highlight{color:#666}.page-list time,.list-post-meta{color:#666}.contact-method .label{display:inline-block;width:120px}p code,li code{color:#222;background-color:#f8f8f8;border:solid 1px #ccc;padding:0 .25em}.highlight>pre{padding:1em;border:solid 1px #ccc}@media screen and (max-width:800px){article.summary .date{display:none}article.summary .date-mobile{display:block}}