html{background-color:#282828;scrollbar-color:#bdae93 transparent;scrollbar-width:thin}body{background-color:#282828;color:#fbf1c7;margin:0;scrollbar-color:#bdae93 transparent;scrollbar-width:thin}body .commento-root *{color:#fbf1c7}.container{display:flex;flex-direction:row-reverse;flex-wrap:wrap-reverse;justify-content:center;max-width:80em;margin:0 auto;padding-top:4em}@media (min-width: 50em){.container{flex-wrap:nowrap}}aside{margin:1em;margin-bottom:3em;width:12em}main{margin:1em;width:65em;max-width:95%}@media (min-width: 50em){main{max-width:70%}main.wide{max-width:95%}}h2{text-decoration:underline}h2:not(:first-child){margin-top:2em}h3{color:#bdae93}p{line-height:1.3em}li{margin:0.5em 0}pre{overflow:auto}.col-container{display:flex;flex-direction:row;flex-wrap:wrap}.col-container h1{width:100%}article{background-color:#3c3836;margin:1em;padding:1em;border-radius:1em;width:100%}@media (min-width: 50em){article.col{width:25%}}footer{display:flex;flex-direction:column;justify-content:space-between;background-color:#665c54;padding:0.5em}@media (min-width: 50em){footer{flex-direction:row}}footer a{display:block}img{max-width:100%}blockquote{border-left:0.5em solid #bdae93;margin-left:0;padding-left:1em}table{border-collapse:collapse}tr:hover{background-color:#504945}td,th{padding:0.5em;border:1px solid #bdae93}th{background-color:#f2e5bc;color:#282828}.blog-name{font-size:2rem;font-weight:400;margin-bottom:0.8em;display:block;color:#fbf1c7;text-decoration:none;text-align:center}.blog-name:visited,.blog-name:hover,.blog-name:active{color:inherit;text-decoration:none}.article-details{display:flex;flex-direction:row;justify-content:space-between}ul.tags{list-style:none;padding:0;margin:0}ul.tags li{display:inline-block;margin:0 1em;padding:0}a,a:visited{color:#8ec07c}a:active,a:hover{color:#689d6a}pre{color:#e2e4e5;background-color:#282a36;padding:0.5em}p code,li code{display:inline-block;background-color:#504945;padding:0 0.3em;border-radius:1em;box-shadow:0px 0px 1px 0px #cc241d;transition:box-shadow .2s ease}p code:hover,li code:hover{box-shadow:0px 0px 1px 0px #98971a}.tip{background-color:#79740e;border:3px solid #98971a;padding:1em}.tip::before{content:"Tip:";text-transform:uppercase;text-align:center;font-weight:bold;display:block}