.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Charter,Georgia,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.7;font-weight:300;color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure{margin-bottom:calc($spacing-unit / 2)}img{max-width:100%;vertical-align:middle;height:auto}figure>img{display:block}figcaption{font-size:12.25px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:300;font-family:"Futura", sans-serif}h4{font-size:12px}a{color:#2a7ae2;text-decoration:none}a:hover{color:#111;text-decoration:underline}strong{font-weight:bold}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:calc($spacing-unit / 2);font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:scroll}pre>code{border:0;padding:0}.wrapper{position:relative;max-width:calc(760px - ($spacing-unit * 2));margin:0 auto;padding:0 30px}@media screen and (max-width: 800px){.wrapper{max-width:calc(800px - $spacing-unit);padding:0 calc($spacing-unit / 2)}}.site-header{border-bottom:1px solid #e8e8e8;min-height:56px;padding:10px 0}@media screen and (max-width: 500px){.site-header{padding:0}}.site-title{font-size:26px;line-height:56px;float:left}.site-title,.site-title:visited{color:#424242}.site-nav{float:right;line-height:56px;background-color:#fdfdfd}.site-nav .page-link{color:#111}.site-nav .page-link:not(:first-child){margin-left:20px}@media screen and (max-width: 500px){.site-nav{position:absolute;top:12px;right:24px}}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}@media screen and (max-width: 500px){.site-footer{padding-top:10px}}.blog-post-list .blog-post-date{width:6em;color:#777;float:left}@media screen and (max-width: 500px){.blog-post-list .blog-post-date{float:none;font-size:11px}}.post-title{font-size:40px}@media screen and (max-width: 500px){.post-title{font-size:34px}}.profile-pic{float:right;width:202px;border:1px solid #ccc}@media screen and (max-width: 500px){.profile-pic{float:none}}.work-item{clear:both;overflow:hidden;padding-bottom:3em}.wrapper{max-width:800px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}@media screen and (max-width: 500px){.wrapper{padding-left:16px;padding-right:16px}}.site-footer .social-link img{height:14px;width:auto;vertical-align:middle}.post-content img{max-width:100%;height:auto;display:block}.site-footer .footer-col-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.site-footer .footer-col{flex:1}.site-footer .footer-col-1{flex:1}.site-footer .footer-col-2{flex:1}.page-content{margin-bottom:50px;margin-top:20px}@use "variables" as variables;@media screen and (max-width: 800px){.site-nav{position:relative}.site-nav .menu{display:none;position:absolute;right:0;top:40px;background:#fff;border:1px solid #ddd;border-radius:5px;min-width:160px;z-index:1000;padding:10px 0}.site-nav:has(a.menu-icon:focus) .menu{display:block}.site-nav:hover .menu{display:block}.site-nav .menu-icon{display:block;width:38px;height:30px;cursor:pointer;background:url("/assets/img/menu.png") no-repeat center center;background-size:26px 26px}.site-nav .page-link{height:32px !important;line-height:32px !important;display:block;padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px}.site-nav .page-link:hover{background:#f5f5f5}}