footer {
    display: flex;
    justify-content: space-around;
    min-height: 20vh;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    background-color: var(--primary-color);
    padding: 2rem 0;
    position: relative;
}

footer>div>h2 {
    margin-bottom: 1rem;
    font-size: var(--h4-font-size);
    width: unset;
}

footer>div article figure img {
    width: 24px;
}

footer>div article>div.contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

footer>div article figure {
    display: flex;
    gap: 20px;
}

footer>div article>div.contact>a:nth-child(1)>figure>img {
    filter: invert(1);
}

footer>div article>div.contact>div.networks {
    display: flex;
    gap: 20px;
}

footer>ul,
footer>div.info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

footer>ul li:nth-child(1),
footer>div.info>h3:nth-child(1) {
    margin-bottom: 1rem;
    font-size: 18px;
}

footer>ul li:nth-child(1) a,
footer>div.info>h3:nth-child(1) {
    color: var(--secondary-color);
    font-weight: 700;
}

footer>div.create_by {
    position: absolute;
    bottom: 10px;
    font-size: 14px;
}

@media (max-width: 860px) {
    footer {
        flex-direction: column;
        padding: 2rem 2rem 2rem 2rem;
        gap: 20px;
    }

    footer>div.create_by {
        position: unset;
    }
}