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

#main{
	position:absolute;
	top:0;left:0;bottom:0;right:0;
	display:flex;
	background-color:#000;
}

#left{
	width:10%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

#center{
	width:80%;
	height:100%;
	background-color:#222;
	display:flex;
	justify-content:center;
	align-items:center;
}

#right{
	width:10%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

[id^='bu']{
	height:14%;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	opacity:.3;
}

.button-main {
	width: 60px;
	height: 60px;
	background-color: #999;
	background-image: linear-gradient(180deg, #CCC, #999);
	border-radius: 1em;
	text-decoration: none;
	transition: box-shadow 0.3s,
				border-top 0.3s,
				border-right 0.3s;
}

.button-inside {
	width: 44px;
	height: 44px;
	margin: .5em auto;
	border-radius: .8em;
	background-color: #CCC;
	background-image: linear-gradient(45deg, #CCC, #999);
	box-shadow: inset -1px 1px 0 #666,
				inset 1px -1px 0 #CCC;
}

#innen{
	height:calc(86% + 20px);
	width:800px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

[id^='row']{
	width:100%;
	height:20px;
//	background-color:#303030;
	color:#00aa00;
	font-size:20px;
	font-weight: bold;
	font-family:courier;
//	text-align:top;
//	text-underline-position:under;
//	text-underline-position:from-font;
}