*{box-sizing:border-box}html{line-height:1.6}body{margin:0;font-family:sans-serif;background:#373a40;color:#f6f5f5}h1,h2,h3,h4,h5,h6{color:#f6e9e9}a{color:#fbf7f0;transition:color .35s;text-decoration:none}a:hover{color:#f6e9e9}code{font-family:monospace,monospace;font-size:1em;color:rgba(246,245,245,.8)}pre{font-size:1rem;line-height:1.2em;margin:0;overflow:auto}pre code{font-size:.8em}::selection{background:rgba(246,245,245,.25)}::-moz-selection{background:rgba(246,245,245,.25)}.app-header{padding:2.5em;background:#313131;text-align:center}.app-header-avatar{width:15rem;height:15rem;border-radius:100%;border:.5rem solid #fbf7f0}.app-container{padding:2.5rem}.app-header-social{font-size:2em;color:#f6e9e9}.app-header-social a{margin:0 .1em}@media(min-width:940px){.app-header{position:fixed;top:0;left:0;width:20rem;min-height:100vh}.app-container{max-width:65rem;margin-left:20rem}}.app-header-title{color:#f6e9e9;display:block;font-size:2em;margin:.67em 0;font-weight:700}.error-404{text-align:center}.error-404-title{text-transform:uppercase}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em}.pagination{display:block;list-style:none;padding:0;font-size:.8em;text-align:center;margin:3em 0}.page-item{display:inline-block}.page-item .page-link{display:block;padding:.285em .8em}.page-item.active .page-link{color:#f6e9e9;border-radius:2em;background:#fbf7f0}.post-title{color:#f6e9e9}.post-content>pre,.post-content .highlight{margin:1em 0}.post-content>pre,.post-content .highlight>pre,.post-content .highlight>div{border-left:.4em solid rgba(251,247,240,.8);padding:.5em 1em}.post-content img{max-width:100%}.post-meta{font-size:.8em}.posts-list{padding:0}.posts-list-item{list-style:none;padding:.4em 0}.posts-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.3)}.posts-list-item-description{display:block;font-size:.8em}.tag{display:inline-block;margin-right:.2em;padding:0 .6em;font-size:.9em;border-radius:.2em;white-space:nowrap;background:rgba(255,255,255,.1);transition:color .35s,background .35s}.tag:hover{transition:color .25s,background .05s;background:rgba(255,255,255,.3)}.tags-list{padding:0}.tags-list-item{list-style:none;padding:.4em 0}.tags-list-item:not(:last-child){border-bottom:1px dashed rgba(255,255,255,.3)}@media(min-width:450px){.tags-list{display:flex;flex-wrap:wrap}.tags-list-item{width:calc(50% - 1em)}.tags-list-item:nth-child(even){margin-left:1em}.tags-list-item:nth-last-child(2){border:none}}.search-box{position:relative;display:inline-block;width:100%;max-width:300px;margin-top:24px}.search-box input{width:100%;box-sizing:border-box;padding:8px 12px 8px 28px;border:1px solid #fbf7f0;border-radius:4px;font-size:14px;background-color:#313131;color:#f6f5f5;height:36px}input::placeholder{color:#f6f5f5}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#fbf7f0;width:16px;height:16px}.timeline-wrapper{max-width:760px;margin:0 auto;padding:2rem 1rem}.page-title{font-size:2rem;margin-bottom:2rem;color:#fff}.timeline{position:relative;border-left:3px solid rgba(255,255,255,.1);padding-left:2rem;margin-left:.5rem}.timeline-item{position:relative;margin-bottom:2.5rem}.timeline-item::before{content:"";position:absolute;left:-1.1rem;top:.4rem;width:.9rem;height:.9rem;background-color:#3498db;border-radius:50%;box-shadow:0 0 0 4px rgba(52,152,219,.3)}.timeline-link{display:block;padding:1rem 1.2rem;border-radius:12px;background-color:#2a2a2a;border:1px solid rgba(255,255,255,5%);box-shadow:0 2px 6px rgba(0,0,0,.3);color:inherit;text-decoration:none;transition:all .25s ease;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.timeline-link:hover{box-shadow:0 0 12px rgba(255,255,255,.12);background-color:#333;transform:translateY(-2px)}.timeline-date{font-weight:700;font-size:.9rem;color:#80bfff;margin-bottom:.3rem}.timeline-content h2{font-size:1.2rem;margin:.4rem 0 .5rem;color:#fff}.timeline-excerpt{font-size:.95rem;color:#ccc;line-height:1.5;overflow:hidden}.timeline-excerpt p{margin:.2rem 0}.timeline-excerpt ul,.timeline-excerpt ol{margin-left:1.2rem}.timeline-excerpt code{background:rgba(255,255,255,.1);padding:0 .2rem;border-radius:4px;font-size:.85rem}.timeline-excerpt pre{background:#1e1e1e;padding:.6rem;border-radius:6px;overflow-x:auto;font-size:.85rem;color:#eee}.timeline-excerpt hr{border:none;height:1px;background:#444;margin:.5rem 0;opacity:.3}