@font-face {
	font-family: 'Old English Five';
	src:
		url('/alt/fon/OldEnglishFive.woff2') format('woff2'),
		url('/alt/fon/OldEnglishFive.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	size-adjust: 76%;
	font-display: swap;
}

:root {
	--black: #000000;
	--grey: #0e0f0f;
	--white: #c0c0c0;
	--border: #404040;
	--red: #e05434;
	--yellow: #ffb000;
	--pastel: #cf4229;
	--saffron: #f2ca30;
}

:link, :visited, .moto, .footercol span {
	color: var(--red);
}

.cmdbox, samp, code, kbd, var, .copyright, #organization, a:hover, .mithramos :link, .mithramos :visited {
	color: var(--yellow);
}

.mithramos :link .mithra, .mithramos :visited .mithra {
	color: var(--pastel);
}

.mithramos :link .mos, .mithramos :visited .mos {
	color: var(--saffron);
}

body {
	font-family: verdana, sans-serif;
	background-color: var(--black);
	color: var(--white);
	margin: 0px auto;
	line-height: 1.5em;
}

.serif {
	font-family: georgia, serif;
}

.sans {
	font-family: verdana, sans-serif;
}

.mono {
	font-family: courier, monospace;
	font-style: normal;
}

.mithra, .mos, .old {
	font-family: "Old English Text MT", "Old English Five", georgia, serif;
}

.mithramos, .moto, .copyright, .nav a {
	text-align: center;
}

.mithramos {
	margin: 15px auto;
	padding: 0 15px;
}

.mithramos :link, .mithramos :visited, .nav a, a {
	text-decoration: none;
	display: inline;
}

.mithramos :link .mithra, .mithramos :visited .mithra, .mithramos :link .mos, .mithramos :visited .mos, .moto {
	font-size: 1.5em;
}

@keyframes animation {
	from {color: var(--saffron);}
	to {color: var(--pastel);}
}

.moto {
	font-family: "Old English Text MT", "Old English Five", georgia, serif;
	margin-bottom: 4em;
	animation-name: animation;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
}

.moto, .copyright {
	overflow: hidden;
}

.moto:before, .moto:after, .copyright:before, .copyright:after {
	background-color: var(--white);
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

.moto:before, .copyright:before {
	right: 0.5em;
	margin-left: -50%;
}

.moto:after, .copyright:after {
	left: 0.5em;
	margin-right: -50%;
}

#organization {
	left: 0;
	bottom: 0;
	margin-top: 4em;
}

#organization:after {
	content: "";
	display: table;
	clear: both;
}

.footercol {
	float: left;
	width: 50%;
}

.footercol a, .footercol span {
	text-decoration: none;
	word-break: break-word;
}

.footercol p b i {
	color: var(--white);
}

@media (max-width:414px) {
	.footercol {
		 float: left;
		 width: 100%;
	}

	body, .banner, .banner img, iframe {
		width: 100%;
	}
}

iframe {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.banner, .banner img {
	display: block;
	margin: 0 auto;
	height: 100%;
	max-width: 100%;
}

figure.centre {
	padding: 2em;
}

figcaption {
	font-style: italic;
	text-align: center;
	padding: 1em;
}

figure.centre img {
	display: block;
	margin: 0 auto;
	height: 100%;
	max-width: 100%;
}

.cmdbox, samp, code, kbd, var {
	font-family: courier, monospace;
	background: var(--grey);
	white-space: nowrap;
}

.cmdbox, samp {
	overflow: auto;
	padding: 10px;
	border: 1px solid var(--border);
}

var {
	font-style: normal;
	white-space: normal;
	word-break: break-word;
}

blockquote, q {
	font-family: georgia, serif;
	font-style: italic;
}

blockquote {
	font-size: large;
	overflow: auto;
	padding: 10px;
	border: 1px solid var(--border);
	background: var(--grey);
	color: var(--yellow);
}

main {
	margin: auto;
	max-width: 50%;
}

main li {
	margin: 0.3em auto;
}

p, q, .footercol div {
	
	line-height: 1.5em;
	padding: 0em 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: georgia, serif;
	font-weight: normal;
	color: var(--yellow);
	text-align: center;
	line-height: normal;
	margin: 3em 0 1em 0;
	padding: 0em 0.5em;
}

h1 {
	font-size: xx-large;
	margin: 1.5em 0 1em 0;
}

h2, h3, h4, h5, h6 {
	font-size: x-large;
}

header p {
	font-weight: normal;
	font-style: italic;
	text-align: center;
}

header time {
	display: block;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	font-size: 0.8em;
	margin-bottom: 5em;
	line-height: 1.2em;
}

.tag {
	display: block;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	margin-top: 4em;
}

table {
	border-spacing: 2px;
	width: 100%;
}

table, th, td {
	border: 1px solid var(--white);
}

tbody th {
	background-color: var(--grey);
}

.tablecentre {
	margin: 5em;
	display: block;
}

.tablecentre table, .tablecentre td, .tablecentre th {
	border: none;
}

@media(max-width: 1200px) {
	.tablecentre td {
		display: table-row;
		display: block;
	}
	main {
		margin: auto;
		max-width: 95%;
	}
}

.home, .centre {
	text-align: center;
}

.home h2 {
	display: inline;
	color: var(--red);
	margin-top: 1em;
}

.home h2:hover {
	color: var(--yellow);
}

.home figure, .border {
	border-top: 3px solid var(--grey);
	margin-top: 3em;
	margin-bottom: 3em;
	padding-top: 3em;
}

.home time {
	font-style: italic;
	font-size: 0.8em;
}

.yellow {
	color: var(--yellow);
}

.space {
	margin: 6em;
}

.large {
	margin-top: 6em;
	margin-bottom: 6em;
}