footer {
    background-color: var(--footerColor);
    padding: 12px 12px;

    display: var(--footer-display);
    flex-direction: row;
    align-content: space-around;
    justify-content: center;
    gap: 12px;
}

footer > * {
    align-self: center;
}

.socialsFooter {
    height: var(--social-button-size);
    width: var(--social-button-size);
    background-color: var(--white);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    border-radius: var(--social-button-radius);
}

.socialsFooter.yt {
    background-image: url("../yt.svg");
    background-size: 100%;
}
.socialsFooter.git {
    background-image: url("../git.svg");
}
.socialsFooter.in {
    background-image: url("../in.svg");
    background-size: 65%;
}
.socialsFooter.twt {
    background-image: url("../twt.svg");
}