:root {
--dark2:#19181a;
--dark1:#221f22;
--background:#2d2a2e;
--text:#fcfcfa;
--accent1:#ff6188;
--accent2:#fc9867;
--accent3:#ffd866;
--accent4:#a9dc76;
--accent5:#78dce8;
--accent6:#ab9df2;
--dimmed1:#c1c0c0;
--dimmed2:#939293;
--dimmed3:#727072;
--dimmed4:#5b595c;
--dimmed5:#403e41;
}

body {
background-color:var(--background);
color:var(--text);
display:grid;
grid-template-columns:auto;
gap:0;
line-height:1.375rem;
margin:1.375rem;
max-width:auto;
font-family: system-ui, sans-serif;
}

.c1:not(:first-of-type) {
color:var(--dimmed2);
margin-top:1.375rem;
font-variant-numeric: tabular-nums;
}

h1,h2,h3 {
color:var(--text);
font-size:1rem;
margin:0;
padding:0
}

h2 {
margin-top:1.375rem
}

a {
color:var(--accent3);
text-decoration-color:var(--dimmed4)
}

a:visited {
color:var(--dimmed2)
}

a:hover {
color:var(--text);
text-decoration-color:var(--text)
}

@media(min-width:48rem) {
body {
grid-template-columns:max-content max-content;
gap:1.375rem;
margin:4.125rem auto;
max-width:max-content
}

.c1 {
text-align:right
}

.c1:not(:first-of-type) {
margin:0
}

h2 {
margin-top:1.375rem
}
}