body {
    font-family: Roboto, sans-serif;

    max-width: 600px;
    max-width: 72ch;

    margin: auto;
    padding: 0em 2em 2em 2em;
}

h1 {
    font-weight: 100;
    font-size: 2.5em;
}

a {
    color: #0175C2
}

a:visited {
    color: #ab47bc
}

.title {
    margin-top: 2em;
}

.linkHeader {
    margin-top: 3em;
}

.links {
    padding-inline: 0em;
}

.links > li {
    display: grid;
    grid-template-columns: 1fr max-content;
    margin: 2em 0em;
}

.links > li > * {
    margin: 0.2em 0em;
}

.links > li > *:nth-child(1) {
    grid-column: 1 / 3;
}

.links > li > *:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
}

.links > li > *:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    align-self: flex-end;
    margin: 0.3em 1em;
}

.source {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 0.8em;
}