html {height: 100%}
body {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #eee; font-family: "Lato", "Arial", sans-serif}
a {text-decoration: none; color: #000}
a:hover {text-decoration: underline}
h1 {margin-top: -100px; font-size: 24px; text-align: center}
h1:before {content: ''; display: block; width: 200px; height: 200px; background-image: url("./avatar.jpg"); border: 8px solid #fff; border-radius: 108px; margin: 0 auto 20px}
p {width: 800px; margin: 0 auto 1em; text-align: center}
ul.contact {padding: 0; margin: 0 auto; list-style: none; text-align: center}
ul.contact a {line-height: 24px}