html {
	font-size:62.5%;
}
body {
	width:800px;
	font-size:1.6em;
	font-family:sans-serif;
	margin:auto;
}
h1,h2,h3,h4,h5,h6 {
	margin:0.25em 0;
	padding:0.5em 0;
}
p {
	text-align:justify;
	margin:1em;
}
object,
code {
	display:block;
	white-space:pre-wrap;
	font-family:monospace;
	width:600px;
	min-height:300px;
   padding:8px;
}
table {
	width:800px;
	border-spacing:0;
	box-sizing:border-box;
	border:2px;
	border-style:solid;
	margin:32px 0;
}
table caption {
	line-height:2em;
	font-size:1.25em;
	font-weight:600;
}
table th {
	line-height:2em;
	font-size:1em;
	padding:0 0.4em;
}
table td {
	/*line-height:1.2em;*/
	padding:0.4em;
}
table.scenario td {
	height:25px;
}
table.scenario .action {
	width:240px;
	text-align:left;
	vertical-align:top;
}
table.scenario .requisite {
	width:160px;
	text-align:left;
	vertical-align:top;
}
table.scenario .level {
	width:40px;
	text-align:center;
	vertical-align:top;
}
table.scenario .result {
	width:360px;
	text-align:left;
	vertical-align:top;
}

.unauthorised::before,
.authorised::before {
	content:'\25A0';
}

/*\

colors

\*/

body {
	color:rgb(64,64,64);
	background:rgb(250,250,250);
	/*box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);*/
}
hr {
	color:rgb(236,236,236);
	margin:4em 2em;
}
code.terminal::before {
   content:'> ';
}
code.terminal {
	color:rgb(250,250,250);
	background:rgb(80,80,80);
}
object,
code.editor {
	background:rgb(232,232,232);
}
nav > a {
	color:rgb(64,64,64);
	background:rgb(232,232,232);
}
nav > a:hover {
	background:rgb(236,236,236);
}
table {
	border-color:rgb(232,232,232);
	/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
}
table thead {
	background:rgb(232,232,232);
}
.unauthorised {
	color:rgb(172,40,63);
}
.authorised {
	color:rgb(192,244,202);
}