body {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 15%;
}
code {
	display: block;
	background-color: black;
	opacity: 0.8;
	color: white;
	font-size: larger;
	padding: 1px 4px;
	border: 1px solid #666;
}
ul,ol {
	width: -webkit-fill-available;
}
pre {
	font-family: auto;
	padding: 0 2em;
	margin-bottom: 0;
}
pre ul {
	font-size: 0;
}
pre ul li {
	font-size: 16px;
}
pre textarea {
	width: 90%;
	word-break: break-all;
}
ul.tree {
	list-style-type: disc;
}
ul.tree .open {
	list-style-type: disclosure-open;
}
ul.tree .close {
	list-style-type: disclosure-closed;
}
ul.tree .close>ul {
	display: none !important;
}
ul.tree .directory::before {
	content: "📁";
}
ul.tree .file::before {
	content: "📄";
}
ul.tree .title::before {
	content: " | ";
}
.hide {
	display: none !important;
}