body{
    font-family: sans-serif;
    width: 60%;
    margin: 2em auto 4em auto;
    line-height: 1.42;
    font-size: 11pt;
    font-weight: 400;
    color: #111;
    word-wrap: break-word;
}

a{
    color: #376ebb;
    text-decoration: none;
}
      
a:hover{
    color: #000;
    /* animated */
    transition: color .5s ease-in-out;
}

ul, ol{
    padding-inline-start: 30px;
}

li{
    margin-top: .25em;
}

h1, h2, h3, h4, h5, h6{
    font-weight: 400;
    /*letter-spacing: 0.02em;*/
    /*font-family: 'Georgia', serif;*/
}



g{
    color: #777;
}

ig{
    color: #777;
    font-style: italic;
}

b{
    font-weight: 600;
}


@media (max-width: 768px) {
    body{
        width: auto;
        margin: 1.5em;
    }
    .header {
        grid-template-columns: 1fr;
        gap: 1em;
    }
    .profile-image-container {
        align-items: center;
    }
    .profile-image {
        width: min(100%, 220px);
    }
    .caption {
        text-align: center;
    }
}