body {
	font-family: FreeSans, 'Open Sans', Sans-Serif;
	background-color: #efefef;
	margin: 1em auto;
	padding: 0 .6em;
	line-height: 1.6em;
	width: 80%;
}


p {
	font-family: FreeSans, 'Open Sans', Sans-Serif;
	font-size: 18px;
}


#xml-sketch {
	display: block;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	max-width: 100%;
	box-shadow: 0px 0px 13px 4px #9999;
}

#xml-old {
	display: block;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 3em;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	width: 50%;
	max-width: 100%;
	box-shadow: 0px 0px 13px 4px #9999;
}

.nav-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav-links {
	list-style: none;
	display: flex;
	gap: 2em;
	margin: 1em 0;
	padding: 0;
}

.nav-links a {
	color: #ff7c00;
}

#xml-header {
	padding: 0.9em 0 0;
	font-size: 36px;
	color: black;
}

#xml-header a {
	color: black;
	text-decoration: none;
}

.links {
	color: #ff7c00;
}

hr {
	background: lightgrey;
	height: 2px;
	border: none;
}

.logs-links {
	list-style: none;
}