body {
	--accent-colour: #ff7622;
	--accent-foreground: #000;
	--background-light: #1B0A00;
}

#about-holder {
	display: flex;
	width: 100%;
	min-height: calc(100vh - 80px);
	height: fit-content;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	overflow-x: hidden;
}

main {
	width: fit-content;
	border: solid 4px #ff7622;
	background-color: #000;
	display: flex;
}

#demoncards-nav {
	height: 32px;
	background-color: black;
	border-bottom: solid 2px #ff7622;
}

#demoncards-nav ul {
	padding: 0;
	display: flex;
}

#demoncards-nav ul > li {
	display: inline-block;
	height: 32px;
}

#demoncards-nav li > a {
	display: block;
	height: 32px;
	text-decoration: none;
	color: #fff;
	font-size: 16pt;
	font-weight: bold;
	line-height: 32px;
	padding: 0 8px;
}

#demoncards-nav li > a:hover, #demoncards-nav li > a.active, #demoncards-nav li > a:focus {
	background-color: #ff7622;
	text-decoration: none;
	color: #000;
}