@font-face {
	src: url("font/LiberationMono-Regular.ttf");
	font-family: "Liberation Mono";
}

* {
  font-family: Liberation Mono;
}

html {
	background: #161821;
	color: #cbcdd6;
}

div { color: #cbcdd6; }

h1 { color: #de7776; }
h2 { color: #e0a276; }
h3 { color: #afb97e; }
h4 { color: #87b5c0; }
h5 { color: #458588; }

p { color: #cbcdd6; }
pre { color: #cbcdd6; }
a { color: #84a0c6; }

code {
	background-color: #272c42;
	color: #cbcdd6;
	white-space: pre;
}


button {
	background-color: #818596;
	border: none;
}

button:hover {
	background-color: #84a0c6;
}

.toc {
	line-height: 20px;
}

.hide {
	white-space: pre;
}

.scode {
	width: 500px;
	overflow: auto;
	background: #0f1117;
	border: solid gray;
	border-width: .1em .1em .1em .6em;
	padding: 0 .5em 0 .5em;
	button {
		padding: .4em .5em;
		margin: .5em 0em;
	}
	code {
		background-color: #0f1117;
		white-space: pre;
	}
}

.new {
	background-color: #b4be82;
	color:#161821;
}