footer {
    background: var(--highlight);
    color: var(--text-light-2);
    padding: 2rem 0 1rem;

    .content{
        padding: calc(2rem + 3vw) 0;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        flex-wrap: wrap;
        & > * {
            padding: 1rem;
        }
    }

    a , a:active, a:visited {
        color: var(--text-light-2);
    }

    img {
        height: 120px;
    }

    #copyright {
        border-top: 1px solid var(--text-light-2);
        padding-top: 1rem;
        text-align: center;
        width: 95%;
        margin: auto;
    }
}