* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
padding: 0;
max-width: 100vw;
line-height: 1.953rem;
margin: auto;
overflow-x: hidden;
}

body {
	display: grid;
	font-weight: 520;
	margin: auto;
	max-width: 40em;
	padding: 1em;
	&:not(:has(section:target)) {
		& section:first-of-type {
			display: block
		}
	}
}
section {
	padding: 20px;
	margin: 0 auto;
	border-bottom: 6px solid #898ea4
}
nav {
list-style-type: none;
margin: 1em 0;
padding: 0
}

section {
display: none;
&:target {
	display: block
}
}

main {
max-height: 600px;
overflow-x: visible;
overflow-y: auto;
outline: 2px solid #898ea4;
text-align: justify;
text-justify: inter-word;
}

blockquote {
margin: 0;
border-left: 4px solid #898ea4;
padding-left: 1em
}
ul,ol {
padding: 0;
list-style-position: inside
}
ul ul,ul ol,ol ul,ol ol {
padding: 1em
}
h1, h2, h3, h4 {
font-weight: 900;
}
strong {
font-weight: 700;
}
em {
  color: #7d7b22;
}
pre {
padding: 1em;
border-radius: 3px
}
pre,code {
color: #fff;
background: #212121;
overflow: auto
}
td,th,table {
border: 1px solid #212121;
padding: 8px;
border-collapse: collapse
}
figure {
margin: auto
}
figcaption {
text-align: center
}
img {
display: block;
margin-left: auto;
margin-right: auto
}