.mclass1 {
	position:relative;
	width: 100%;
	height: 50vh;
	z-index: 2;
	border: 1px solid green;
}

caption {
	caption-side: bottom;
	caption-style: dashed;
}

.mclass2 {
	position: absolute;
	bottom: 4em;
	left: 0px;
	border-style: dashed solid;
	border-width: 1px;
	border-color: red;
	z-index: 2;
	height: 10vh;
	background-color: rgba(125,125,125,1);
}

.viewtable {
	background-color: orange;
	display: block;
	position: absolute;
	z-index: 2;
}

.mtable {
	border-collapse: collapse;
}

.mtable td, .mtable th {
	border: 1px solid black;
	text-align: center;
}

.mtable th {
	background-color: black;
	color: white;
	border: 1px dashed pink;
	width: 30vw;
}

.mtable tr:nth-child(even) {
	background-color: #dfdfdf;
}

#result {
	text-align: right;
}

a {
	text-decoration: none;
	color: white;
}

a:hover {
	font-weight:bold;
	font-size: 2em;
}

li {
	border: 1px solid red;
	display: block;
	width: 100px;
	color: white;
	background-color: black;
}

li:hover {
	background-color: green;
}