:root {
  --page-width: 650px;
}

html {
    font-family: "Helvetica", sans-serif;
    font-size: 1.25em;
    letter-spacing: -0.01em;
}

html.home {
  display: table;
  width: 100%;
  height: 100%;
}

body {
   max-width: var(--page-width);
   margin: auto;
   padding: 5%;
}

body.home {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

p {
  text-align: justify;
}

body.home p, body.home h1 {
  text-align: center;
}

h1 {
   font-size: 3.25em;
   margin: 0 0 1em 0;
}

img {
  width: 100%;
  max-width: var(--page-width)
  height: auto;
}

a:link, a:visited, a:active {
  color: #666;
  text-decoration: none;
}

a:hover {
  color: #333;
}