@keyframes darken{0%{opacity:1}to{opacity:.25}}body:before{animation:.8s forwards darken;inset:0;transform:scaleX(-1)}body.leaving:before{animation:.4s reverse forwards darken}body.leaving #app{opacity:0;transition:all .4s;transform:translateY(-8px)}.blog-nav{margin-bottom:48px;padding-top:48px}.blog-nav a.item-link{color:#ffffff59;font-size:14px}.blog-nav a.item-link .link-text{background-image:linear-gradient(#ffffff59,#ffffff59)}.blog-post{animation-delay:.15s}.blog-title{letter-spacing:.02em;color:#ffffffe6;margin:0;font-size:28px;font-weight:400;line-height:1.3}@media (width<=768px){.blog-title{font-size:22px}}.blog-date{color:#ffffff4d;margin-top:8px;font-size:14px;font-weight:300;display:block}.blog-body{margin-top:40px}.blog-body p{color:#fff9;margin:0 0 20px;font-size:16px;font-weight:300;line-height:1.7}.blog-body h2{color:#ffffffd9;margin:36px 0 16px;font-size:18px;font-weight:400}.blog-body p:last-child{margin-bottom:0}.blog-body em{color:#fffc;font-style:italic}.blog-body img{opacity:.85;border-radius:4px;width:100%;margin:24px 0}.blog-body pre{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;margin:24px 0;padding:20px;overflow-x:auto}.blog-body pre code{color:#ffffffb3;white-space:pre;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:14px;line-height:1.6}.blog-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.blog-body table th{text-align:left;color:#fff6;border-bottom:1px solid #ffffff1a;padding:8px 12px;font-weight:400}.blog-body table td{color:#fff9;border-bottom:1px solid #ffffff0d;padding:10px 12px;font-weight:300}.blog-body table tr:last-child td{border-bottom:none}.blog-body blockquote{border-left:2px solid #ffffff26;margin:28px 0;padding:0 0 0 20px}.blog-body blockquote p{color:#ffffff80;font-style:italic}