footer a {
    overflow: hidden;
    float: left;
    background-color: midnightblue;
    padding: 16px 16px 16px 16px;
    text-align: center;
    display: block;
    text-decoration: none;
    color: lavender;
    
}

footer a:hover {
    background-color: lavender;
    color: midnightblue;
}

footer a.active {
    background-color: rebeccapurple;
}

footer a.active:hover {
    color: lavender;
}

 a {
    overflow: hidden;
    float: left;
    background-color: black;
    padding: 16px 16px 16px 16px;
    text-align: center;
    display: block;
    text-decoration: none;
    color: lightgrey;
    
}

 a:hover {
    background-color: lightgrey;
    color: black;
}

 a.active {
    background-color: darkred;
}

 a.active:hover {
    color: lightgrey;
}

div {
    overflow: hidden;
    background-color: white;
    padding: 16px;
}

h1 {
    float: left;
}

table, th, td {

border: 1px solid black;

border-collapse: collapse;

}