footer {
    text-align: center;
    display: none;
}

    footer div {
        background-image: linear-gradient(to bottom, rgba(255,0,0,0), var(--menu-background-color));
        height: 50px;
    }

    footer nav {
        background-color: var(--menu-background-color);
        padding: 15px;
        line-height: 40px;
    }

        footer nav a {
            padding: 0 15px;
            text-wrap: nowrap;
        }


            footer nav a:hover {
                text-decoration: underline;
            }