*{ margin:0; padding:0; }

html{
	font-family:'VT323';
}
html,body{ width:100%; height:100vh; position:relative; }
#video {
	/*
	width: 160px; 
	height: 120px;
	border: 1px solid black;
	display:none;
	*/
	
	position:absolute;
	width: 70%; /* Adjust the size of the canvas */
	height: auto;
	top:50%; 
	transform:scaleX(-1) translateY(-50%);
}
#canvas {
	position:absolute;
    right: 30%;
    height: 20%;
	z-index:10;
	transform:scaleX(-1);
	/*
	width: 70%; 
	height: auto;
	top:50%; 
	transform:scaleX(-1) translateY(-50%);
	*/
}
#canvas.playing{
	outline:2px solid #81DD77;
}
#bufferCanvas{ display:none; }
#messages{
	position: absolute;
	background: black;
	left: 70%;
	right: 0;
	top: 0;
	height: 96vh;
	color: #136910;
	padding: 1em;
	overflow: scroll;
}
#audioPlayer{
	opacity:0;
	pointer-events:none;
}