footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;

    width: 100%;
    padding: 2em 0;
    overflow-wrap: anywhere;

    font-family: "TX-02", monospace;
    font-size: 16px;
    text-decoration: none;

    color: var(--text-color);

    h2 {
        font-size: 24px;
        margin: 5px 0;

        a,
        a:visited {
            text-decoration: none;
            color: var(--text-color);
        }
    }

    .socials ul {
        list-style: none;
        padding: 0;
        display: flex;
        line-height: normal;

        li {
            padding-right: 15px;
            font-size: 14px;
        }
    }

    .info {
        display: flex;
        flex-direction: column;
        justify-content: end;

        .copyright,
        .git {
            font-size: 0.8rem;
        }

        .git {
            color: var(--bg-p2);
        }
    }
}

.socials {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;

    .icon {
        width: 20px;
        height: 20px;

        color: var(--arc-palette-maxContrastColor, #000);
        text-decoration: none;
    }
}

.email {
    display: block;
    width: 28px !important;
    height: 28px !important;
}

.sourcehut-logo {
    display: block;
}

.github-logo {
    padding: 3px;

    background-color: white;
    border-radius: 5px;

    img {
        width: 20px;
        height: 20px;
    }
}