:root {
	--border: #e5e7eb;
	--code: #f3f4f6;
	--link: rgb(71 70 69);
	--link-hover: rgb(0 0 0);
	--code-text: #302c2c;
}

body {
	max-width: 60rem;
	margin-left: auto;
	margin-right: auto;
	padding: 3rem 1rem 8rem;
	line-height: 1.4;
	font-size: 1rem;
	font-weight: 400;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-weight: 500;
    line-height: 1.18;
    letter-spacing: -.135rem;
}

h2>a {
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -.48px;
}

h3 {
	font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: -.48px;
}

a {
	color: var(--link);
	font-weight: 400;
	text-decoration-color: #00000040;
	text-decoration-line: underline;
    text-underline-offset: 4px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .3s;
}

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

hr {
	border-style: solid;
	border-color: var(--border);
}

ul {
	list-style: none;
	margin: 0;
}

ul>li::before {
	position: absolute;
	top: .625rem;
	left: .125rem;
	height: .375rem;
	width: .375rem;
	border-radius: 9999px;
	background-color: currentColor;
	opacity: .4;
	content: "";
}

ul>li {
	position: relative;
	padding-left: 1.25rem;
}

pre {
	overflow-wrap: normal;
	word-break: normal;
	border-radius: .375rem;
	border-width: 1px;
	border-style: solid;
	border-color: var(--border);
	background-color: var(--code);
	line-height: 1.5;
	word-spacing: normal;
	-moz-tab-size: 4;
    -o-tab-size: 4;
	tab-size: 4;
	padding: 1em;
	overflow: auto;
	font-family: SF Mono, SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	color: var(--code-text);
    font-size: .95em;
    text-align: left;
    white-space: pre;
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    margin: .5em 0;
    overflow: auto;
    border: 1px solid var(--border);
}

div.indent {
    display:inline-block;
    margin-left:2.5em;
}