[data-sort]:hover {
  cursor: pointer;
}
[data-dir="asc"]:after {
  content: ' ↗';
}
[data-dir="desc"]:after {
  content: ' ↘';
}

body, input {
    margin: 7px;
    padding: 7px; 
    font-size: 0.9em;
    font-family: "Quicksand",sans-serif;
}
.table-sortable {
    border-collapse: collapse;
    margin: 7px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
.table-sortable thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}
.table-sortable th,
.table-sortable td {
    padding: 5px 6px;
}
.table-sortable tbody tr {
    border-bottom: 1px solid #222222;
}

.table-sortable tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.table-sortable tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}
.table-sortable tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}


h1{
	font-family: "Quicksand","Audiowide", sans-serif;
	text-shadow: 3px 3px 3px #aaa;
}
h2{
	font-family: "Quicksand","Audiowide", sans-serif;
	text-shadow: 2px 2px 2px #aaa;
}
h3{
	font-family: "Quicksand","Audiowide", sans-serif;
	text-shadow: 1px 1px 1px #aaa;
}

pre{
    background-color: #999999;
    font-weight: bold;
    font-size: 1.3em;
    color: #aa3232;
}