.footer {
    margin-top: 60px;
    padding: 50px 0;
    border-top: 1px solid var(--border);
    text-align: center;
    color: var(--text-dim);

}

.footer-social {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-bottom: 20px;

}

.footer-social a {
    font-size: 24px;
    transition: .3s;

}

.footer-social a:hover {
    color: var(--accent);
}

.footer-links {
    margin-top: 15px;
}

.footer-links a {
    color: var(--text-dim);
}

.footer-links a:hover {
    color: var(--accent);
}