.irrelevant
{
 display:none;
}
:root
{
 --background-color:#112d37;
 --text-color:#acab;
 --heading-color:#3a98b9;
 --pre-color:#2e7892;
 --secondary-color:#e8d5c4;
 background-color:var(--background-color);
 color:var(--text-color);
 margin:1rem 2.5rem;
 hyphens:auto;
 scroll-behavior:smooth;
 display:flex;
 flex-direction:column;
 align-items:center;
}
body
{
 max-width:min(80ch,100%);
 margin:0;
}
h1,h2,h3,h4,h5,h6
{
 margin-top:3rem;
 color:var(--heading-color);
}
h2,h3,h4,h5,h6
{
 position:sticky;
 z-index:1;
 top:0;
 background-color:var(--background-color);
 line-height:2rem;
 white-space:nowrap;
}
a
{
 color:var(--heading-color);
 background-position:left;
 background-size:1rem 1rem;
 background-repeat:no-repeat;
 text-decoration:underline;
}
a:hover
{
 text-shadow:0 0 .06rem;
 text-decoration:underline;
 filter:brightness(1.2);
}
@media(max-width:60rem)
{
 h1
 {
  font-size:1.5rem;
 }
 h2
 {
  font-size:1.25rem;
 }
}
@media(min-width:60rem)
{
 :root
 {
  font-size:1.5rem;
 }
}
pre
{
 background-color:var(--pre-color);
 color:var(--secondary-color);
 padding:1rem;
 border-radius:.9rem;
 overflow-x:auto;
}