body {
    padding: 1rem;
}
header,
main {
    width: fit-content;
    margin: 0 auto;
}
footer {
    margin-top: auto;
}
a,
a:visited {
    text-decoration: none;
    color: black;
}
a {
    display: grid;
    grid-template-columns: auto 1fr auto;
    column-gap: 0.25rem;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border-style: outset;
    border-color: transparent;
}
a::before {
    content: "[";
}
a::after {
    content: "]";
}
a:hover,
a:focus-visible {
    border-color: black;
}
a:active {
    border-style: inset;
    background-color: grey;
}
#link-list {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 0.5rem;
    margin-bottom: 0.5rem;
    align-items: center;
}
#link-list > div {
    display: contents;
}