body {
    background: linear-gradient( #FFFFFF, #DDDDDD);
    min-height: 100vh;
    font-family: system-ui;
}

.header {
    display: flex;
    justify-content: center;
    margin-block: 32px;
}

.profile-photo {
    border-radius: 50%;
    width: 20vw;
    box-shadow: 10px 10px 5px #505050;
    border: solid 2px #FFFFFF;
}

.biography {
    margin-block: 32px;
    margin-inline: 20vw;
    text-align: center;
    font-size: 18px;
}

.socials {
    margin-block: 32px;
    margin-inline: 5vw;
    text-align: end;
    font-size: 14px;
}

.social-icon {
    width: 2vw;
}

.no-underline {
    text-decoration: none;
}