.name-info {
    font-size: var(--lg-xl);
    font-weight: 700;
}

.email-info {
    font-size: var(--nm);
    font-weight: 500;
}

.web-link,
.info-link {
    font-size: var(--sm);
    font-weight: 600;
    color: black;
    text-decoration: none;
}

.image {
    height: calc(var(--size-5) + var(--size-7));
    width: var(--size-7);
}

.hr-separator {
    width: clamp(70%, 90%, 100%);

    margin: 0 auto;

    border: var(--sm-size-2) solid black;
    border-radius: var(--sm-size-4);
}

.icon {
    height: var(--size-5);
    width: var(--size-5);
}

.copyright {
    font-size: var(--sm);
}