style.css

*{margin:0}
div{position: relative;}
canvas{
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	margin: auto;
	padding: 30px;
	max-height: 90vh;
	max-width: 90vh;
	margin: 0 auto;
	display: table;
	margin: 0 auto;
	border-radius: 5em;
	
}
table{
	table-layout:fixed;width:100%
	
}
canvas{
	transform: rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
}
td{overflow:scroll}
td span{font-size:2em}
hr{  margin:1em; width:100%;text-align:left;margin-left:0}
#log{font-size:1.1em}
img{height:100px;width:100px;max-width:100%}

#righthand{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
#lefthand{
	
}

.probRight img{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	opacity: 0
}
.probLeft img{
	opacity: 0
}
#results{
	text-align:center
}
footer {
	bottom:0;

	display:block;
	text-align:center;
	padding:2em
}

input {border: 0;color:black }
#train{text-align:center}

.radio-toolbar {
	margin: auto;
	width: 50%;
	padding: 10px;
	text-align: center;
  }

.radio-toolbar input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}
  
.radio-toolbar label {
	display: inline-block;
	background-color: #ddd;
	padding: 10px 20px;
	font-family: sans-serif, Arial;
	font-size: 16px;
	border: 2px solid #444;
	border-radius: 4px;
}
  
.radio-toolbar label:hover {
	background-color: #dfd;
}
  
.radio-toolbar input[type="radio"]:focus + label {
	border: 2px dashed #444;
}
  
.radio-toolbar input[type="radio"]:checked + label {
	background-color: #bfb;
	border-color: #4c4;
}