html{
	height:100%;
	margin:0;
}
body{
	margin:0;
	color:white;
	font-family:sans-serif;
	background-color:black;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}
#main-container{
	position:relative;
	margin:auto;
	height:85%;
	border-radius:8px;
}
canvas{
	margin:auto;
	border:2px solid white;
	height:100%;
}
#status-bar{
	margin:auto;
	display:flex;
	justify-content:space-between;
}
#text-overlay-container{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
#text-overlay{
	text-align:center;
}

@media (orientation: portrait) {
  #main-container {
    width: 85%;
    height:auto;
  }
  canvas{
	  width:100%;
	  height:auto;
  }
}