body {
    background: gainsboro;
    display: grid;
    justify-content: center;
}

main {
    background: snow;
    width: 1100px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    & .title {grid-column: auto / span 12;}
    & .human {grid-column: auto / span 4; margin: 10px;}
    & .portrait img {width: 100%;}
    & .biography p {text-align: justify;}
    & h2, h3, h4 {margin: 0px;}
    & a {color: cornflowerblue;}
    & a:hover {text-decoration: none;}
    & .title {text-align: center;}
}