/* CSS HEX */
:root {
  --c0: #f4f4f2;
  --c1: #e8e8e8;
  --c2: #bbbfca;
  --c3: #495464;
  --c4: #839b97;
  --c5: #556052;
}

a:link {
  color: var(--c3);
}
a:visited,
a:hover,
a:active {
  color: var(--c4);
}

body {
  background-color: var(--c0);
  color: var(--c3);
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  justify-content: center;
  font-size: 105%;
  line-height: 1.3em;
}

h1 {
  color: var(--c5);
}

div.center {
  width: 70vw;
  max-width: 40em;
  height: 95vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#footer {
  text-align: center;
  clear: both;
}

#header {
  display: flex;
  justify-content: space-evenly;
}