svg#footer-logo {
    width: 100%;
    height: auto;
    path {
        fill: var(--foreground);
        opacity: 1;
        transition: all 1s ease;
        opacity: 0.25;
    }
    path.bright {
        opacity: 1;
    }
    path.quarter-bright {
        opacity: 0.5;
    }
    path.half-bright {
        opacity: 0.75;
    }
}

footer {
    .location {
        p:not(:has(strong)) {
            color: var(--foreground-tint);
            border-color: var(--foreground-tint) !important;
        }
        strong {
            font-weight: normal;
        }

    }
}