@import url('https://fonts.googleapis.com/css?family=Lato');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Lato', 'Helvetica', sans-serif;
    color: black;
    background-color: white;
}
/*
@media only screen and (max-width: 400px) {
    body {
        background-color: darkred;
    }
}
@media only screen and (min-width: 401px) and (max-width: 960px) {
    body {
        background-color: tan;
    }
}
@media only screen and (min-width: 961px) {
    body {
        background-color: darkblue;
    }
}
*/

a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:active {
    text-decoration: underline;
}

.footer {
    font-size: small;
    margin: 1em 0;
}

.times-table {
    border-collapse: collapse;
    box-shadow: 0 0 2em rgba(0,0,0,0.15);
    margin: 1em 0;
    min-width: 20em;
}
.times-table thead tr {
    background-color: #444;
    color: #fff;
    text-align: left;
}
.times-table th,
.times-table td {
    padding: 12px 15px;
}
.times-table tbody tr {
    border-bottom: thin solid #ddd;
}
.times-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}
.times-table tbody tr:last-of-type {
    border-bottom: medium solid #c00;
}