:root{--bg-color:#1c1c1c;--bg-color-fade:rgba(28,28,28,0);--bg-light-color:hsla(0,0%,91%,.1);--border-color:hsla(0,0%,100%,.2);--text-color:#e8e8e8;--link-color:#fbb27a;--secondary-text-color:#888;--outline:0 0 0 2px var(--text-color)}*{box-sizing:border-box}:focus{box-shadow:var(--outline);outline:none}html{background:var(--bg-color);font-size:62.5%;margin:0;padding:0}body{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--text-color);font-family:Oxygen,Roboto,-apple-system,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.5;margin:5rem 5rem 5rem 19rem;-webkit-text-size-adjust:100%}h1{line-height:1.2;margin-top:0}a{border-bottom:1px dashed var(--link-color);color:var(--link-color);text-decoration:none}a:visited{border-bottom:1px solid var(--text-color);color:var(--text-color)}a:active,a:hover{border-bottom:1px solid var(--link-color)}blockquote{background:var(--bg-light-color);border-left:3px solid var(--text-color);margin:5rem 0 .8rem;padding:.1rem 1rem .1rem 2rem}p{line-height:1.65}sup{font-size:1.2rem;vertical-align:top}time{color:var(--secondary-text-color);display:block;font-size:1.4rem;margin-top:-1.2rem}summary{margin:2rem 0}.nav-bar{align-items:center;border-right:1px solid var(--border-color);bottom:0;display:flex;flex-flow:column;justify-content:space-between;left:0;margin:0;padding:4rem 0;position:fixed;top:0;width:14rem}.nav-bar a{border-radius:10px}.quick-nav,.top-nav{display:flex;flex-flow:column}.quick-nav>*+*{margin:1rem 0 0}.quick-nav li{flex:1;text-align:center}.quick-nav a{background-position:50%;background-repeat:no-repeat;background-size:40px;border:none;color:gray;display:inline-block;height:80px;vertical-align:middle;width:80px}.top-nav>*+*{margin:5rem 0 0}.top-nav a{background-size:contain;border:none;display:inline-block;height:60px;text-indent:-999em;vertical-align:middle;width:60px}.home-link{background:url(../img/logo.svg) no-repeat 0 0}.about-link{background:url(../img/profile.jpg) no-repeat 50%}.icon-only{font-size:0}.linkedin{background-image:url(../img/linkedin-icon.svg)}.twitter{background-image:url(../img/twitter-icon.svg)}.github{background-image:url(../img/github-icon.svg)}.other-links ul,.post-links,.quick-nav,.top-nav{list-style:none;margin:0;padding:0}.other-links ul>*+*{margin-top:.8rem}.other-links li{background:url(/img/arrow.svg) no-repeat 0 .5rem;padding:0 0 0 2rem}.post-links>*+*{margin-top:3rem}.post-links li{position:relative}.post-links h2{margin-top:0}.post-links a{border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;box-shadow:0 15px 15px -15px rgba(0,0,0,.8);color:unset;display:block;padding:2rem;position:relative;transform:translateZ(0);transition:box-shadow .1s linear,border .2s linear,transform .2s linear}.post-links a:focus{border-color:transparent;box-shadow:var(--outline);outline:none}.post-links a:hover{background:var(--bg-color);border:1px solid var(--border-color);box-shadow:0 25px 20px -15px rgba(0,0,0,.8);transform:translateY(-5px)}.read-on{background:url(/img/arrow.svg) no-repeat right .5rem;padding-right:2rem;text-align:right}.footnote,.footnote:active,.footnote:focus,.footnote:hover,.footnote:visited{border:none;color:var(--link-color)}.image-list{flex-wrap:wrap}.image-list>*{margin:2rem}.image-list img{border:2px solid var(--text-color);display:block}.image-list figcaption{background:var(--text-color);color:var(--bg-color);font-size:1.4rem;padding:calc(1rem - 2px) 1rem 1rem}.image-list a{border-color:var(--bg-color);color:var(--bg-color)}.f-center{align-items:center;display:flex;justify-content:center}.transition-all{transition:all .3s,line-height 0s,font-size 0s}@media only screen and (min-device-width:320px) and (max-device-width:1000px) and (max-device-height:900px){body{margin:2.5rem 2.5rem 0 11.5rem;padding:0 0 2.5rem}.top-nav>*+*{margin:2rem 0 0}.top-nav a{height:40px;width:40px}.quick-nav>*+*{margin:1rem 0 0}.quick-nav a{background-size:40px;height:40px;width:40px}.nav-bar{margin:0;padding:2.5rem 0;width:9rem}.nav-bar a{border-radius:7px}}@media only screen and (max-device-height:900px) and (orientation:portrait){body{margin:0 2.5rem 2.5rem}.top-nav>*+*{margin:0 0 0 2rem}.quick-nav>*+*{margin:0 0 0 1rem}.nav-bar{border-bottom:1px solid var(--border-color);border-right:none;height:9rem;margin:0 -2.5rem 2.5rem;padding:0 2.5rem;position:relative;vertical-align:middle;width:auto}.nav-bar,.quick-nav,.top-nav{flex-flow:row}}@media only screen and (min-device-height:1200px){.other-links,article{margin:0 auto;max-width:1200px}}@media only screen and (prefers-color-scheme:light){:root{--bg-color:#f3f3f3;--bg-color-fade:hsla(0,0%,95%,0);--bg-light-color:rgba(62,62,62,.1);--border-color:rgba(0,0,0,.2);--text-color:#3e3e3e;--link-color:#d85e00;--secondary-text-color:#6e6e6e}.other-links li{background:url(/img/arrow-light.svg) no-repeat 0 .5rem}.read-on{background:url(/img/arrow-light.svg) no-repeat right .5rem}.github,.home-link,.linkedin,.twitter{filter:brightness(.3)}.post-links a{border-color:rgba(0,0,0,.1);box-shadow:0 8px 15px -15px rgba(0,0,0,.8)}.post-links a:hover{box-shadow:0 13px 20px -15px rgba(0,0,0,.8)}}