.contact {
    font-family: "#RobotoMono", "monospace";
}

.contact-symbol {
    color: var(--foreground0);
}
.contact:hover .contact-symbol {
    color: var(--foreground1);
}

.footer {
    border-top: 1px solid var(--foreground1);
    text-align: center;
    margin-top: var(--footer-margin-top);
    padding-top: var(--footer-padding);
    padding-bottom: var(--footer-padding);
    height: var(--footer-height);
}

.footer > * {
    font-size: clamp(85%, 2.5vw, 90%);
    display: inline-block;
    min-width: clamp(8.25em, 20vw, 20em);
    margin: 0 0.25em 0.15em 0.25em;
    line-height: 1.75em;
}