:root {
	--colour-bg: #211616;
	--colour-fg: #c68484;
	--colour-blue: #5b7881;
	--colour-bg2: #e4aa80;
	--colour-fg2: #5b7881;
}

* { margin: 0px, padding: 0px }

body {
	background-color: var(--colour-bg);
	color: var(--colour-fg);
}
.invert-colours {
	background-color: var(--colour-fg);
	color: var(--colour-bg);
}
.other-colour {
	color: var(--colour-fg2);
	background-color: var(--colour-bg2);
}
.menulink-colour {
	background-color: var(--colour-fg);
	color: var(--colour-bg);
}
a:link, a:visited {
	color: var(--colour-bg2);
}
a:hover {
	color: var(--colour-blue);
}
html * {
	font-family: "Noto Mono", sans;
}

ul {
	list-style-type: square;
}
li {
	margin: 5px;
}

.rightsmall {
	text-align: right;
	font-size: 0.9em
}
.center {
	text-align: center;
}
.centersmaller {
	text-align: center;
	font-size: 0.7em
}
.floatright {
	float: right;
	text-align: right;
}
.profilepic-width {
	min-width: 200px;
	width: auto;
	max-width: 350px;
	word-wrap: break-word;
}
.centerdiv {
	text-align: center;
}
.centerdivsmall {
	text-align: center;
	font-size: 0.8em
}
.goodhr {
	color: var(--colour-fg);
	background-color: var(--colour-fg);
}
.header-style {
	margin: 0px;
	padding: 0px;
}

.header-menu-flex {
	width: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 0.9em;
	font-weight: bold;
}

.header-menu-item {
	margin-right: 30px;
}

.navigation-box {
	width: 200px;
	border-style: dotted;
	padding: 10px;
}

.two-block-flex {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style: none;
}
.config-text {
	min-width: 400px;
	max-width: 600px;
	width: auto;
}

.config-pic {
	min-width: 400px;
	max-width: 600px;
	width: auto;
}

code {
	font-family: monospace;
}

.code-example-div {
	color: var(--colour-fg2);
	background-color: var(--colour-bg2);
	min-width: 400px;
	max-width: 800px;
	width: auto;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 0px;
}

.code-example-button {
	color: var(--colour-fg2);
	background-color: var(--colour-bg2);
	min-width: inherit;
	width: 100%;
	max-width: inherit;
	margin: 0px;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	text-align: left;
	font-size: 1em;
	border: none;
	display: inline;
	cursor: pointer;
}

.active, .code-example-button:hover {
}

.code-example-content {
	min-width: 200px;
	width: auto;
	background-color: var(--colour-fg);
	color: var(--colour-bg);
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	display: none;
	overflow: hidden;
}