:root {
 --c: #111;
 --g: #fff;
 font-family: Georgia, serif;
 line-height: 1.2;
 color: var(--c);
 background: var(--g);
}
@media (prefers-color-scheme: dark) {
:root { 
 --c: #fff;
 --g: #353434;
}
}
body{
 margin: 0 auto;
 padding: 1rem;
}
main{
 margin: auto;
 width:clamp(300px, 32rem, 95vw);
}
a:is(:link, :visited){
 color: inherit;
}
footer a:is(:link, :visited),
a:is(:link, :visited):hover{
 text-decoration: none;
}
a:is(:link, :visited):focus{
 text-decoration: none;
 outline: thin solid currentColor;
 outline-offset: 0.2em;
}

a:is(:link, :visited):hover,
a:is(:link, :visited):active{
 color: var(--g);
 background-color: var(--c);
}

h1,h2,h3,h4,h5,h6{
 font-size: 1rem;
 margin: 0 auto 0.5em 0;
}
h1, h2{
 font-size: 1.5rem;
 letter-spacing: -0.01em;
}
h2,h4,h6{
 font-weight:normal;
}
pre, code{
 white-space:normal;
}
ul{
 padding-inline-start: 0;
 list-style-type: disc;
}
li{
 margin-block-end: 0.5rem;
}
footer{
 border-block-start: thin solid var(--c);
 margin-block-start: 2rem;
 padding: 1rem 0 0.5rem 0;
}
time{font-weight:lighter;}
@media (max-width: 480px) {
}