html, body,*{
    box-sizing: border-box;
    font-family: semplicitapro, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.container{
    margin:auto;
    max-width:800px;
    padding:1em;
}

a{
    color:gray;
    text-decoration: none;
}
a:hover{
    text-decoration:underline;
}

.author{
    display:flex;
    align-items: center;
    margin-top:3em;
}

.author img{
    max-width:10em;
    margin-right:1em;
}
.social{
    margin-top:1em;    
    font-size:1.2em;
}
.social .fab, .social .fas{
    font-size:1.3em;
    color:gray;
    margin-right:0.3em;
}
.social .fas{
    margin-left:2em;
}

footer{
    width:100%;
    text-align:center;
    margin-top:2em;
}

@media (max-width:800px) {
    .author{
        display:block;
    }
    .author .img{
        text-align:center;
        width:100%;
    }
    .author img{
        max-width:50vw;  
        display: block;
        margin-left: auto;
        margin-right: auto;   
    }
    .social{
        font-size:0.9em;
    }
    .social .fab, .social .fas{
        margin-right:0.1em;
    }
    .social .fas{
        margin-left:0.7em;
    }
    
}