@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400&display=swap);html{font-size:16px}body{font-weight:300;border:none;font-family:Oswald,sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:-moz-scrollbars-vertical;overflow-y:scroll;color:#4b4b4b;background:#fafafa}body strong{font-weight:400}body::-moz-selection{background:#1d1d1d;color:#fff}body::selection{background:#1d1d1d;color:#fff}#bug{position:fixed;bottom:10px;right:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:400;color:rgba(0,0,0,.9)}h2{margin-bottom:1rem}.meta span svg{margin-right:.15rem}#intro{display:flex;justify-content:center;align-items:center;border-bottom:1px solid rgba(0,0,0,.25)}#avatar{position:relative;width:300px;height:300px;border-radius:50%;margin:0 auto}#widget{width:100%;height:100%;margin:0 auto}#widget g.segment{cursor:pointer;transform:scale(.925)}#widget g.segment.selected{transform:scale(.975)}#avatar img{position:absolute;top:52px;left:52px;width:196px;height:196px;border-radius:50%;border:5px solid #fff;z-index:1}#avatar span{position:absolute;top:57px;left:57px;width:186px;height:186px;border-radius:50%;z-index:2;opacity:.5}#contact a{background:#1d1d1d;color:#fff;padding:2px 4px;text-decoration:none;border:1px solid #1d1d1d}#contact a:hover{background:none;color:#1d1d1d}#log h2{padding-left:24px}#log img.loading{margin-left:24px}#log ul{list-style:none;padding-left:0}#log li{position:relative;margin:0 0 1rem 24px}#log li:before{position:absolute;left:-24px;content:"—";width:24px;font-weight:200}#log p{font-size:.9rem;margin-bottom:.5rem}#log .meta{font-size:.8rem;font-family:Oswald,sans-serif;font-weight:200;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.25)}#log .meta>span{margin-right:2em;word-break:break-all}#log .meta>span a{color:rgba(0,0,0,.9)}#projects{margin-bottom:10rem}#projects h2 img{vertical-align:baseline;height:18px;margin-right:4px}#projects li .header{display:flex;flex-flow:row nowrap;justify-content:space-between;margin-bottom:.5rem}#projects li h3{margin-bottom:0}#projects .pagination{font-size:.8rem;font-family:Oswald,sans-serif;display:flex;justify-content:space-between;margin-left:24px}#projects .pagination a{font-weight:400;cursor:pointer}#projects .pagination a:hover{text-decoration:underline}footer{font-size:.8rem;font-weight:200}#blog h3{margin-bottom:0}#blog a{color:rgba(0,0,0,.9)}@media (min-width:992px){html{font-size:17px}#intro{position:sticky;top:0;background:#fafafa;z-index:1}}@media screen and (min-width:1200px){html{font-size:18px}}