html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: monospace;
	font-size: 250%;
	overflow: hidden;
}

video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide {
	display: none;
	width: 100%;
	height: 100%;
	padding: 2%;
	margin: 0px;
	box-sizing: border-box;
}

.nopadding {
	padding: 0px;
}

.slide:target {
	display: inline-block;
}

.show {
	display: inline-block;
}

.canvas {
	width: 25%;
	height: 100%;
	box-sizing: border-box;
	border-style: solid;
	border-width: 4px;
	float: left;
}

.right_pane {
	width: 75%;
	box-sizing: border-box;
	height: 100%;
	float: right;
}

.editor {
	height: 60%;
	box-sizing: border-box;
	border-style: solid;
	border-width: 4px;
	font-size: 36px;
}

.graph {
	height: 40%;
	width: 100%;
	box-sizing: border-box;
	border-style: solid;
	border-width: 4px;
}

.math_table {
	width: 100%;
}

.hide {
	display: none;
}