layout.css

body
{
	background-color: #ffffff;
	color:#505050;
	font-family: Courier New;
	font-size: 8pt;
	background-image: url("bground.svg");
}
a
{
	color: #505050;
	text-decoration: none;
	font-size: 8pt;
}
a:hover
{
	color: #FFE0E0;
	text-decoration: underline;
}
div.menuBack
{
	background-color: #000000;
}
div.menuBack > a
{
	color: #FFFFFF;
	font-weight: bold;
}
p
{
	background-color: #ffffff;
	padding: 5px;
	border: 1px dashed #505050;
}
div#container
{
	border: 1px solid #C0C0C0;
	width:420px;
	height: 210px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #ffffff;
}
div#menu { float: left;}
div#preview
{
	float: right;
	text-align: center;
}
div#menu, div#preview
{
	border: 1px solid #505050;
	width: 200px;
	height: 200px;
	padding: 2px;
	margin: 2px;
}
h1.menu
{
	padding:0px;
	margin: 0px;
	font-size: 10pt;
}
h1, h2, h3, h4, h5
{
	font-size: 24pt;
	text-align: center;
	background-color: #505050;
	color: #ffffff;
}
h2 {	font-size: 16pt; background-color: #505050; }
h3 {	font-size: 14pt; background-color: #707070; }
h4 {    font-size: 12pt; background-color: #909090; }
h5 {    font-size: 10pt; background-color: #B0B0B0; }
img
{
	width:200px;
	height:200px;
}