body {
    position: relative;
}

main a[href^="#"] {
    opacity: 30%;
}

a:not([href^='#']) {
    border-bottom: 1px solid #c9c9c9;
}

aside a:not([href^='#']) {
    border-bottom: none;
}

aside a:not([href^='#']).active {
    border-bottom: 2px solid #c9c9c9;
}

a:not([href^='#']):hover {
    border-bottom: 2px solid #c9c9c9;
}

@media screen and (min-width: 1200px) {
    aside {
        position: fixed;
        top: calc(3rem + 13px);
        bottom: 13px;
        left: 50%;
        transform: translate(calc(-100% - 20em));
        padding: 0 20px;
        max-width: 200px;
        overflow-y: auto;
    }

    aside h1 {
        margin-top: 0;
    }

    .tagline {
        line-height: 1.33;
    }

    .mobile-only {
        display: none;
    }
}

table {
    text-align: left;
}

table td:nth-child(1),
table td:nth-child(2) {
    max-width: 120px;
}


@media screen and (min-width: 800px) {
    table td:nth-child(1),
    table td:nth-child(2) {
        max-width: 200px;
    }
}

table code {
    word-wrap: break-word;
}