/* -------------------  Footer -----------------*/
footer {
    /* height: 300px; */

    padding: 16px 0;

    background-color: var(--bg_color_footer);
    color: var(--bg_color);

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    box-sizing: border-box;
}

footer a img {
    transform: scale(0.9);
    height: var(--height_img);
}
footer a img:hover {
    transform: scale(0.9);
}

footer a {
    text-decoration: none;
    cursor: pointer;
    color: var(--bg_highlight);
}

footer a:hover {
    filter: drop-shadow(0px 0px 2px var(--bg_color));
}

footer p {
    padding: 8px;
}