*{box-sizing:border-box}body{font-family:Source Sans Pro,sans-serif;margin:0;padding:0;min-height:100vh;background-image:linear-gradient(141deg,#fefefe,#f4f4f4 71%,#ecf2f5);background-size:100% auto,cover}main{max-width:50rem;padding:.4rem 1rem;color:#333;margin-left:auto;margin-right:auto}::-moz-selection{background:#fbe487}::selection{background:#fbe487}.avatar{height:200px;width:200px}a{text-decoration:none;color:#45687c}a:hover{color:#21a4fb}.home{display:flex;align-items:center;flex-direction:column;min-height:100vh;justify-content:center}.home h1{font-weight:400;text-align:center}.home h2{font-weight:300;text-align:center}.home h2.no-gap{margin-top:-18px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:28rem;margin:.5rem 0 1.5rem}.project-card{display:flex;flex-direction:column;align-items:center;padding:.8rem .5rem;border-radius:12px;background-color:hsla(0,0%,100%,.5);transition:background-color .15s ease,transform .15s ease}.project-card:hover{background-color:rgba(68,104,124,.07);transform:translateY(-2px);color:#21a4fb}.project-card-icon{width:56px;height:56px;border-radius:12px;-o-object-fit:cover;object-fit:cover;margin-bottom:.5rem}.project-card-name{font-size:.85rem;font-weight:400;text-align:center;line-height:1.2}.home-links{display:flex;justify-content:space-around}.home-link{display:flex;flex-direction:column;margin:1em}.home-link>.icon{height:20px;margin-bottom:.3em}.menu{display:flex;padding:1em;max-width:50rem;margin-left:auto;margin-right:auto}.menu a{font-size:1.2em;padding:.4em .6em;display:flex;align-items:center;margin-bottom:2px}.menu a.active,.menu a:hover{border-bottom:2px solid #21a4fb;margin-bottom:0}.menu a img{height:.8em;margin-right:.3em}.blog{max-width:40em;margin-left:auto;margin-right:auto}.blog ul{list-style:none;padding-left:0}.blog ul>li{padding:1em;background-color:hsla(0,0%,80%,.05);margin-bottom:1em;border-radius:4px}.blog ul>li:hover{background-color:rgba(68,104,124,.03)}.blog ul>li header{display:block;font-size:1.3em}.blog ul>li time{font-style:italic;font-size:.8em;color:#333}.blog ul>li summary{font-size:1em;color:#222;margin-top:.4em}.post h1{font-size:2em}.post blockquote{border-left:6px solid #fbe487;margin:.8em}.post blockquote>p{color:#a2a2a2;padding:.6em;background-color:rgba(251,228,135,.15);font-size:1em}.post li,.post p{font-size:1.1em;word-wrap:break-word}.post img{max-width:100%;padding:1em}.post code{font-size:1.1em;color:rgba(0,0,0,.57);padding:0 .2em}.post pre{overflow-x:scroll}