body {
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	padding: 1.1em;
}

.title {
	position: relative;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}

div.sidebar-menu {
	display: block;
}

div.sidebar-menu.hidden {
	display: none;
}

.menu-icon {
	position: absolute;
	left: 0px;
	top: 3px;
}

.menu-icon.material-symbols-outlined {
  	font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 40;
	font-size: 2rem;
	font-weight: bold;
}

.para {
	margin-block-start: 1em;
	margin-block-end: 1em;
}

.note {
	font-size: 0.8rem;
	font-style: italic;
	margin-block-start: 1em;
	margin-block-end: 1em;
}

span.code {
	font-family:'Courier New', Courier, monospace;
	font-size: 0.9rem;
}

span.italic {
	font-style: italic;
}

.codeblock {
	font-family:'Courier New', Courier, monospace;
	font-size: 0.8rem;
	text-wrap: nowrap;
	background-color: black;
	color: whitesmoke;
	margin: 0.5em;
	padding: 0.5em;
	border: 2px solid black;
	border-radius: 0.25em;
	overflow-x: auto;
}

.codeline .code-comment {
	color: green;
}

.codelineno {
	display: inline-block;
	width: 4em;
	text-align: right;
	margin-left: 0.2em;
	margin-right: 1em;
}

.hidden {
	display: none;
}

.sidebar-top {
	font-weight: bold;
	font-size: 2rem;
	margin: 0.3em 0em;
}

.sidebar-second {
	font-style: italic;
	font-size: 1.5rem;
	margin: 0.2rem 0rem 0.2rem 1.5rem;
}

.sidebar-third {
	font-size: 1.2rem;
	margin: 0.2rem 0rem 0.2rem 2.2rem;
}