body {
	background-color: #08292e;
	color: #e2e2e2;
	font-size: 16px;
	font-family: sans-serif;
	margin: 0px auto;
}

div#container {
	display: table;
	margin: 1em auto;
}

footer {
	margin: 2em 0em 1em 0em;
	text-align: center;
}

table {
	border-collapse: collapse;
	margin: 1em auto;
}

th, td {
	padding: 0.2em 0.6em;
	border: 1px solid #a2a9b1;
}

div {
	margin: 0.5em 0;
}

a {
	color: inherit;
	text-decoration: inherit;
	border-bottom: 1px dashed #89a;
}
a:hover {
	color: #bef;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}