html,body,#app-placeholder{height:100%}body{margin:0;font-family:system-ui,monospace;font-size:16px}p{line-height:2}a{color:#000}.article .article-body ul li{line-height:2;margin-top:16px}.article .article-body ul li td{line-height:1}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@keyframes slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@keyframes slide-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}::view-transition-old(blog){animation:slide-out-left .4s forwards;mix-blend-mode:normal}::view-transition-new(blog){animation:slide-in-left .4s .4s backwards;mix-blend-mode:normal}::view-transition-old(article){animation:slide-out-up .4s forwards;mix-blend-mode:normal}::view-transition-new(article){animation:slide-in-down .4s .4s backwards;mix-blend-mode:normal}::view-transition-old(blog-article){animation:slide-out-down .4s forwards;mix-blend-mode:normal}::view-transition-new(blog-article){animation:slide-in-up .4s .4s backwards;mix-blend-mode:normal}::view-transition-old(portfolio){animation:slide-out-right .4s forwards;mix-blend-mode:normal}::view-transition-new(portfolio){animation:slide-in-right .4s .4s backwards;mix-blend-mode:normal}::view-transition-old(error){animation:slide-out-down .4s forwards;mix-blend-mode:normal}::view-transition-new(error){animation:slide-in-up .4s .4s backwards;mix-blend-mode:normal}.page-load-blog{animation:slide-in-left .4s backwards}.page-load-article{animation:slide-in-down .4s backwards}.page-load-portfolio{animation:slide-in-right .4s backwards}.page-load-error{animation:slide-in-up .4s backwards}::view-transition-old(blog-header),::view-transition-new(blog-header){animation-duration:.4s}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),.page-load{animation:none!important}}