@@ 3,7 3,8 @@ html {overflow-y: scroll}
@media (prefers-color-scheme: dark) { :root { --bgcolor: #282a36; --fontcolor: #f8f8f2; --linkcolor: #FF79C6; --visitedcolor: #FF79C6; --precolor: #f8f8f2; --prebgcolor: #383838; --alertbgcolor: #44475a; --hrcolor: #f8f8f2; --blockquotecolor: #44475a; --pcodecolor: #6272a4}}
body{max-width:800px;margin:40px auto;padding:0 10px;font:14px/1.5 monospace;color:var(--fontcolor); background: var(--bgcolor)}
a:link{color: var(--linkcolor)}a:visited{color: var(--visitedcolor)}a:active{color: var(--visitedcolor)}
-h1,h2,h3{line-height:1.2}h2{padding-top:20px}h3{padding-top:10px}
+h1,h2,h3{line-height:1.2;color:#bd93f9;}h2{padding-top:15px}h3{padding-top:10px}
+p{margin-top:1.5rem;}
p > code{color: var(--precolor); background: var(--pcodecolor); padding:2px}
code{color: var(--precolor); background: var(--prebgcolor); padding:2px}
pre{color: var(--precolor); background: var(--prebgcolor); padding:24px; overflow-x: auto}
@@ 15,7 16,8 @@ img {display: block; max-width: 100%; height: auto; margin: auto}
.avatar {width: 128px; height: 128px;border-radius: 50%;}
.alert{color: var(--fontcolor); background: var(--alertbgcolor); padding:24px; overflow-x: auto}
.article-nextprev{display:flex; flex-flow: row wrap-reverse; justify-content: space-between;}
-hr{margin:15px 33% 15px; border-color: var(--hrcolor); border-width:3px;}
+hr{margin:35px 33% 15px; border-color: var(--hrcolor); border-width:3px;}
+hr.small{margin:35px 44% 25px; border:1px dashed var(--hrcolor);}
blockquote{background: var(--blockquotecolor); margin: auto; padding: 5px 25px;}
ul{padding-left: 1rem;}li{list-style-type: disclosure-closed;}
.toc{border: 1px solid var(--hrcolor); margin:0.5rem; padding:0rem 2rem;}