a {
    color: #0164c6;
    text-decoration: none;
}

a:focus, a:hover {
    color: #003264;
}

body{
    color:#333;
    font-family: 'Noto Sans', sans-serif;
    margin-left:auto;
    margin-right:auto;
    width: 90%;
    font-size:15px;
}

table {
    border-collapse: collapse;
    text-align: left;
    position: relative;
}

table, tr, th, td, thead {
    border: 1px solid black;
    padding: 5px;
} 

th {
    background: #eee;
    position: sticky;
    top: 0;
}

/* this fixes missing border on top row?? */
table tr th{
  outline: 1px solid black;
  border:none;
}

.row {
    background: #f6f6f6;
    border: 1px solid #555;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 95%;
}
.col {
    float: left;
    width: 20%
}