body {
    background-color: hsl(0, 0%, 8%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}

.social-container {
    width: min(100%, 350px);
    background-color: hsl(0, 0%, 12%);
}

#avatar-img {
    width: 80px;
    border-radius: 50%;
}

.avatar-name {
    color: hsl(0, 0%, 100%);
}

.avatar-location {
    color: hsl(75, 94%, 57%);
    margin-bottom: 1rem;
}

.link-box {
    cursor: pointer;
    background-color: hsl(0, 0%, 20%);
}

.link-box:hover {
    background-color: hsl(0, 0%, 18%);
}