#links {
  animation: fadeIn 8s;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

#links  a {
  margin: 0 20px;
}

#name {
  animation: fadeIn 1s;
  color: #c8553d;
  font-family: "Playfair Display", serif;
  font-size: 5rem;
  font-weight: 900;
}

#salutation {
  animation: fadeIn 4s;
  color: #588b8b;
  font-family: 'Open Sans', sans-serif;
  font-size: 4rem;
  font-weight: 300;
}

@media screen and (max-width: 550px) {
  #name {
    display: block;
    font-size: 3.5rem;
  }

  #salutation {
    display: block;
    font-size: 2rem;
  }
}