#site-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--gap-site-title);
    font-size: 2rem;
    color: var(--color-site-title);
    font-variant: small-caps;
    font-weight: bold;
    text-decoration: none;
    text-shadow: var(--shadow-text);
    justify-content: center;

    span {
        white-space: nowrap;
    }

    &:hover {
        text-decoration: underline;
    }
}