:root{
	--x:80;
	--y:52;
	--z:16px;
}

body,html{
	background-color:black;
	margin:0;
	display:grid;
	place-items:center;
	height:100%;
}

@font-face{
	font-family:'ega';
	src:url('Web437_IBM_EGA_8x8.woff') format('woff');
}

#border{
	height:calc(var(--y) * var(--z) + 100px);
	width:calc(var(--x) * var(--z) + 100px);
	minheight:calc(var(--y) * var(--z) + 100px);
	minwidth:calc(var(--x) * var(--z) + 100px);
	border:2px solid #808080;
	border-radius:100px;
	display:grid;
	place-items:center;
}

#background{
	height:calc(var(--y) * var(--z) + 20px);
	width:calc(var(--x) * var(--z) + 20px);
	background-color:#202020;
	display:grid;
	place-items:center;
}

#output{
	position:relative;
	height:calc(var(--y) * var(--z));
	width:calc(var(--x) * var(--z));
	font-family:ega;
	font-size:var(--z);
	color:#B00000;
	background-color:blue;
}

.row{
	height:var(--z);
	width:calc(var(--x) * var(--z));
}

.char{
	float:left;
	width:var(--z);
	height:var(--z);
	text-align:center;
	display:grid;
	place-items:center;
}