body {
    width: 360px;
    margin: 10px auto;
    font-size: medium;
    font-family: sans-serif;
    font-feature-settings: "palt";
    color: #333333;
}

a {
    color: #333333;
    text-decoration: none;
}

a:hover {
    color: white;
    background-color: #333333;
}

header {
    text-align: center;
    margin: 5px auto;
    display: block;
}

nav {
    border-top: thin dashed;
    border-bottom: thin dashed;
}

nav > ul {
    margin: 5px 0;
    padding: 0 5px 0 0;
    text-align: right;
    list-style-type: none;
}

nav > ul > li {
    margin: 4px;
}

nav > .license {
    display: flex;
    padding: 0 5px;
    border-top: thin dashed;
}

nav > .license > .description > p {
    margin: 0.5em;
    font-family: Georgia, serif;
    font-size: x-small;
}

nav > .license > .logo {
    margin: auto;
}

footer {
    text-align: right;
    margin: 5px;
    font-style: italic;
    font-family: Georgia, serif;
    font-size: small;
}