body {
	font-family: system-ui,sans-serif;
	font-size: 100%;
	line-height: 1.3em;
}

header {
	min-height: 33vh;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

table.full-data {
	border: 1px outset #aaa;
	border-spacing: .5em .35em;
	border-collapse: separate;
	table-layout: fixed;
	min-width: 50%;
}

table.full-data tr>* {
	border: 1px outset #aaa;
	padding: .15em .25em;
	height: 2em;
	text-align: right;
	vertical-align: bottom;
}

table.full-data thead th {
	text-align: center;
	color: red;
	width: 20%;
}

table.full-data tbody th {
	text-align: right;
}

/* 
table.full-data tbody tr:nth-child(odd) td {
	background-color: #bbb5;
} 

table.full-data tr>*:nth-child(even) {
   background-color: #a985;
}	
*/

td:hover {
	background-color: #a985;
}

table.full-data td:nth-child(1) {
   visibility: hidden;
}

.hide {visibility: hidden;}


@media (min-width: 600px) {
	
	table.full-data {
		border: 1px inset #888;
		background-color: #8883;
	}
	
}