footer{
    border-top: solid var(--dark-color) 2px;
    height: 80px;
    color: var(--light-color);

    /*position: absolute;*/
    display: flex;
    align-items: center;
    margin-top: 50px;
}
footer .content{
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    width: 80%;
    margin: 0 auto;
    align-items: center;
}
footer .links{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    margin: 0 0 0 2em;

}
footer .links>*{
    height: 24px;
    /*aspect-ratio: 1;*/
    width: auto;
}
footer img{
    height: 100%;
    width: fit-content;
}
footer h3{
    margin: 0;
}
@media (max-width: 500px){
    footer .links{
        margin: 0;
    }
    footer{
        margin-top: 50px;
        height: fit-content;
    }
    footer>.content{
        text-align: center;
        padding: 24px 0 32px 0;
        flex-direction: column-reverse;
        gap: 24px;
    }
}