* {
    font-family: Arial, Helvetica, sans-serif;
}

html, body {
    margin: 0;
    height: 100%;
}

.page {
    width: 100%;
    height: 100%;
}

#camera > video, #camera > canvas {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

#camera > video {
    z-index: 0;
}
#camera > canvas {
    z-index: 1;
}

.instructions {
	width: max-content;
    height: 300px;
	margin: auto;
	background: #A6CC00;
	padding: 20px;
	border-radius: 10px;
	border: 3px #6B8000 solid;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    text-align: center;
}

.instructions > .title {
    border-bottom: 3px #6B8000 solid;
} 

.instructions > table, .instructions > th,.instructions > td {
  border: 1px solid #6B8000; 
  border-collapse: collapse;
}