body {
  max-width: 1400px;
  margin: auto;
  padding: 2em;
  font-family: 'Open Sans', sans-serif;
}

header {
  font-size: 2rem;
  display: contents;
  margin: 0px;
  align-self: center;
}

header {
  align-self: center;
}

#name, nav {
  display: inline;
}

#name {
  grid-area: name;
}

nav {
  float: right;
}

#home {
  color: #5CE1E6;
}

#work {
  color: #FF1616;
}

#about {
  color: #FFBD59;
}

@media only all and (max-width: 55em) {
  :root {
    font-size: .75rem;
  }
  nav, #name {
    display: block;
    text-align: center;
    float: none;
  }
  nav {
    margin-top: 1rem;
  }
}