@font-face {
	font-family: Lora;
	src: url(LoraR.ttf);
}

@font-face {
	font-family: LoraT;
	src: url(LoraI.ttf);
}

@font-face {
	font-family: LoraI;
	src: url(LoraA.ttf);
}

@font-face {
	font-family: Commit;
	src: url("Commit.woff2");
}

.navi, .navi a {
	font-family: Commit;
}


.cb {
	border: 1px solid black;font-family:monospace;display:block;width:100%;
}

#l {
	color: grey;
}

.ptag {
	float: right;
	border: 1px dotted black;
}

body {
 	background: #f4f6f8; /*#f6f4e2;*/
	color: #260c15;
    font-size: 1.1em;
	font-family: Lora;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

b {
	font-family: LoraT;
}

.title {
	
}

.back {
	color: grey;
	text-decoration: none;
	float: right;
}

.nav {
	background: #f4f6f8;
	font-family: monospace;
 	color: #260c15;
 	padding: 4px;
 	margin: 20px;
 	text-decoration: none;
}

.nav a {
	border: 1px solid #260c15;
	display: inline-block;
	background: #260c15;
	color: #f4f6f8;
	font-family: monospace;
	text-decoration: none;
	padding: 4px;
}

a {
	color: #260c15;
	display: inline-block;
	font-family: LoraI;
}

.art {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1in;
	max-width: 420px;
	overflow-wrap: break-word;
}

.silcrow {
	color: #260c15;
	text-decoration: none;
	font-family: LoraT;
	border: none;
}