/**********************/
/******* footer *******/
/**********************/

footer {
    background: var(--color-black);
    color: var(--color-white);

    & ul {
        padding-left: 0;
    }

    & li {
        list-style: none;
    }

    & h4 {
        color: var(--color-teal);
    }

    & .me-2 {
        margin-left: 0;
    }

    & a,
    & a:visited {
        color: var(--color-white);
        text-decoration: none;
        font-weight: normal;
    }

    & a:hover,
    & a:visited:hover {
        color: var(--color-white);
        text-decoration: underline;
    }

    & a:focus,
    & a:focus-visible {
        outline: none !important;
        color: var(--color-white);
        text-decoration: underline;
    }
}