body {
    font-family: Georgia, serif;
    /*animation: fadein 1s;*/
    margin: 0 auto;
    max-width: 600px;

    padding: 0.5em;
}

@media screen and (min-width: 1500px) {body {font-size: 125%;}}

/* fade-in body */
@keyframes fadein {
    0%   { opacity: 0; }
    20%  { opacity: 0; }
    100% { opacity: 1; }
}

a {
    color: black;
    text-decoration: underline;
    transition: color 0.1s;
}
a:hover {
    color: gray;
}

.header {
    display: flex;
    margin: auto;
    justify-content: space-between;

    padding-bottom: 0.3em;
    border-bottom: solid 0.06em #ccc;
}
.header-box {
    margin: 0 0.18em;
}

article {
    width: 600px;
}

ul {
    list-style: none;
    padding-left: 0;
}

hr {
    border-color: #eee;
}

.article-wrapper {
    margin-top: 0.12em;
    display: flex;
    justify-content: center;
}

tr, td {
    margin: 0;
    padding: 0;
}

.bio-img {
    display: block;
    margin: 0 auto;
    max-width: 60%;
    border: 0.06em solid gray;
}

.nav-link {
    color: #1551b2;
}

footer {
    color: lightgray;
    text-align: right;
    cursor: default;
}

footer:hover {
    color: gray;
    transition: color 0.25s;
}