.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;
	borer-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-collpapse: collapse;
	}


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

.mtable	th {
	background-color:black;
	color:white;
	border:1px dashed red;
	width:36vw;
	}
.mtable tr:nth-child(even){
	background-color:#dfdfdf;
	}	

#result {
	text-aligh:right;
	}
a {
	text-decoration:none;
	color:white;
	}


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

li { 
	border: 1px solid black;
	display: block;
	width:50px;
	color:white;
	background-color: black;
	
	}
li:hover {
	background-color: green;
	}