/* =========================================================
   home.css — welcome page
========================================================= */

.pfp,
.socials,
.welcome {
    padding: 12px 16px;
    color: #eaeaea;
    font-family: "Mate SC", serif;
    font-size: 14px;
    opacity: 0;
    animation: contentFade 0.8s ease 0.15s forwards;
}

.pfp-img {
    margin-left: 10px;
    margin-top: 60px;
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
}

.socials {
    margin-top: -10px;
    text-align: center;
    padding-left: 40px;
    padding-top: 0;
}

.socials ul {
    list-style: none;
    padding-left: 0;
    margin-top: 6px;
}

.socials li { margin-bottom: 4px; }

.socials a {
    color: #eaeaea;
    text-decoration: none;
}

.socials a:hover { text-decoration: underline; }

.welcome {
    padding: 4px 24px;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.welcome p {
    margin-top: -5px;
    font-family: 'Cormorant Garamond', serif;
}