footer {
    display: flex;
    position: relative;
    width: 100%;
    height: 350px;
    margin-top: 100px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--secondary-text-color);

    nav {
        display: flex;
        column-gap: 40px;
        font-size: 14px;
    }

    @media screen and (width < 1045px) {
        padding-bottom: 100px;

        h1 {
            display: none;
        }

        nav {
            font-size: clamp(16px, 3vw, 18px);
        }
    }
}