body {
    background-color: darkolivegreen;
    color: beige;
    font-family: "Courier", monospace;
}

hr {
    border-block-start: 4px beige double;
}

.container {
    background-color: #4B6F44;
    border: 4px beige double;
    border-radius: 3px;
    inline-size: 60vw;
    margin: 1vw auto auto;
    /*text-align: center;*/
    padding-inline: 1vw;
    padding-block-end: 2vw;
}

nav {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

nav a {
    background-color: #36685af;
    margin: 1px;
    color: beige;
    font-weight: bold;
    font-size: larger;
    text-decoration: none;
}

nav a:hover {
    color: yellowgreen;
}

.main-content {
    margin-inline: 2vw;
    font-size: large;
}

header, nav {
    text-align: center;
}

footer {
    text-align: end;
}