@import url("colors.css");@import url("syntax-theme.css");html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{color:var(--fg);font-family:"Inter",sans-serif;font-size:16px;word-break:break-word;line-height:1.5em;padding:1em;margin:auto;max-width:52em;background:var(--bg)}a{color:var(--link)}a:active{color:var(--red)}a:visited{color:var(--magenta)}p{margin:1em 0}img{max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--fg);line-height:1em}blockquote{color:var(--fg);margin:0;padding-left:3em;border-left:.5em var(--gray) solid}pre,code,kbd,samp{font-family:monospace}pre{background-color:unset !important}code{white-space:pre;white-space:pre-wrap;word-wrap:break-word;background:var(--code_bg);color:var(--code_fg);padding:3px;border-radius:5px}pre>code{display:block;padding:10px 15px}b,strong{font-weight:bold}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ul,ol{margin:1em 0;padding:0 0 0 2em}li p:last-child{margin:0}dd{margin:0 0 0 2em}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}@media only screen and (max-width: 768px){.sitename{display:none}}@media only screen and (min-width: 768px){.logo{max-height:40px}div.container{margin:50px 0}}@media print{*{color:#000 !important;background-color:#fff !important;}header,footer,nav{display:none !important}a::after{content:" (" attr(href) ")"}}div.container img{margin:1em 0}p.date{font-size:13px;color:var(--fg)}ul.articles{list-style:none;padding:0}ul.articles li{padding-bottom:10px}footer{display:flex;justify-content:space-between;font-size:13px}#toggle-nav{display:none}nav{display:flex;justify-content:space-between;align-items:center}nav ul{margin:0;padding:0;list-style-type:none;overflow:hidden}nav ul li{display:inline-block;list-style-type:none}nav>div>ul>li>a{color:var(--fg) !important;line-height:2em;padding:.5em 0em;text-decoration:none}div.nav-right>ul>li>*{padding:.5em .5em}nav>div{display:flex;align-items:center;flex-direction:row-reverse}.logo{margin-right:.5em}nav>div>ul>li>a:hover{color:var(--fg) !important}@media (max-width: 800px){#toggle-nav{display:inline-block}nav{align-items:baseline}.nav-left{position:absolute}.nav-right{width:100%;flex-direction:column;align-items:end}#links{margin-top:1em;flex-direction:column;border-radius:5px;display:none;width:100%;background:var(--code_bg)}}