.profile {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
    padding-top: 5rem;
}

.profile img {
    height: auto;
    width: 15rem;
    object-fit: cover;
    border-radius: 50%;
}

.profile picture {
    border: 2px solid var(--primary);
    border-radius: 50%;
    margin-bottom: 2rem;
}

.profile > .introduction > p {
    margin-top: 2rem;
    text-align: justify;
}

.profile > .links {
    margin-top: 2rem;
    display: flex;
    flex-flow: row nowrap;
    gap: 2.5rem;
}

.profile > .links .arrow-up {
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background: url(../assets/arrow_up.svg) no-repeat center/contain;
}