body {
    font-family: Quattrocento;
    font-size: 16px;
    line-height: 150%;
    background-color: white;
}

a {
    text-decoration: none;
}

div.article-heading h1 {
    font-size: x-large;
    text-align: center;
}

div.article-heading h2 {
    font-size: large;
    text-align: center;
}

button.article-nav-button {
    display: inline-block;
    padding: 8px 16px;
    background-color: #28b463;
    color: white;
    border-radius: 10%; 
    margin: 20px;
}

button.article-nav-button:hover:not([disabled]) {
    background-color: #1e8449;
}

button.article-nav-button:disabled {
    background-color: #dddddd;
}

div.article-nav-button-bar {
    list-style: none;
    display: flex;
    justify-content: center;
}