body, html, p, h1, h4, h5, hr {
    margin: 0;
}

.name {
    padding: 32px;
}

.subtitle {
    padding: 0 32px 32px;
}

.bio {
    text-align: justify;
    max-width: 600px;
    padding: 16px 32px;
}

.wrapper {
    align-items: center;
    margin: auto;
    width: 600px;
    max-width: 100%;
}

a {
    color: black;
    text-decoration: none;
}

ul {
    list-style: none;
    padding: 0;
}

footer {
    padding-top: 32px;
}

.social-site-icon {
    width: 36px;
    margin: 12px;
}

.social-links {
    flex-direction: row;
    display: flex;
    align-content: center;
}

footer {
    align-items: center;
    align-content: center;
    align-self: center;
}

footer h5 {
    text-align: center;
}