* {
  box-sizing: border-box;
}

table td,tr{
	border-collapse:collapse;
	height:30px;
	WIDTH:AUTO;

}
 table{
	border:1px #000 dotted;
	background:#FFF;
	height:auto;
	margin:auto;
	box-shadow:3px 3px 9px #000;
	font-size:1.0em;
	border-collapse: collapse;
	border: 1px solid gray;

			
}
table th{
	background:SILVER;
	color:white;
	font-weight:bold;
	word-wrap: break-word;
	text-align:center;
	border: 1px solid yellow;
   flex-wrap: wrap;
	
}
td{
	border:1px #000 dotted;	
	text-align:center;
}
tr:hover{
	/*box-shadow: 3px 3px 5px #000;*/
	background-color:GRAY;	
	color:#FFF;
}
h1{color:darkviolet;border-radius:15px;text-align:center;}
@media only screen and (min-width: 400px) {
  .staftbl {
    display: flex;
  flex-wrap: wrap;
	background-color:#99ccff;
	margin-top:2%;
	width:100%;
	
  }
}
#headarea{width:100%;background-color:SILVER;color:MAROON;}