index.html

<style>
body {
  background: #6ab47b; 
  border-color: #599a68;
}

h1 {
  color: #fff;
  font-family: 'Changa One', sans-serif;
  margin: 15px 0;
  font-size: 7.75em;
  font-weight: normal;
  line-height: 0.8em;
}

h2, h2 a, h2 a:link {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.75em;
  margin: -5px 0 0;
  font-weight: normal;
}
h2 a:visited { color: #fff; }
h2 a:hover, h2 a:active { color: #fff; }
}

div {
  width: 240px;
  margin: 20px;
}

.flex-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px;
  overflow: auto;
}
.flex-center p {
  margin: 0;
  padding: 20px;
}
</style>

<body>
<div class="flex-center">
    <h1>Duncan Betts</h1>
    <br>
  <h2><a href="mailto:dun.can@tuta.io">dun.can@tuta.io</a></h2>
</div>
</body>