footer {
    display:flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;

    border-top:0.0625rem solid var(--thm-text);
    padding:1rem;
    z-index:1;
    position:relative;
    font-size:0.67em;
}

footer .copyright {
    font-size:1.15em;
    padding-left:.5rem;
    margin-top:-.4rem;
    font-weight:400;
}

footer .logo svg {
    height:2rem;
    fill:var(--thm-text);
    filter:drop-shadow(var(--thm-text-shadow));
    -webkit-filter:drop-shadow(var(--thm-text-shadow));
    transition:all 0.3s ease;
}
footer .logo a:hover svg {
    fill:var(--thm-blue);
    filter:drop-shadow(var(--glow-text-shadow));
    -webkit-filter:drop-shadow(var(--glow-text-shadow));
}

footer .links {
    margin-top:-.4rem;
    display:flex;
    justify-content: center;
    align-items: center;
    gap:1.5rem;
    margin-inline:auto 0;
}

footer .links a {
    display: inline-flex;
    align-items: center;
    color:var(--thm-text);
    font-size:1.15em;
    font-weight:400;
    transition:all 0.3s ease;
    text-decoration: none;
}
footer .links a:hover { 
    color:var(--thm-blue);
    text-shadow: var(--glow-text-shadow);
}


@media (max-width: 36rem) {
    footer {
        flex-direction: column;
    }
    footer .links {
        margin-left:0;
        width:100%;
        padding-block:1rem 0.25rem;
    }
    footer .copyright {
        order:2;
        padding-block:1rem 0.25rem;
        width:100%;
        margin-left:0;
        text-align:center;
    }
}