body {
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1;
}

a {
  color: #307EA9;
  text-decoration: none;
}

ul {
  list-style-type: none;
  padding: 0;
}

header {
  margin: 15% 0 8%;
  text-align: center;
}

header h1 {
  font-weight: 300;
}

header h1 b {
  font-weight: bold;
}

header p {
  color: #646464;
  font-size: 87.5%;
  padding-bottom: 14px;
}

header ul li {
  display: inline;
  padding: 0 15px;
}

header ul li a {
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  -ms-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
  color: #BBB;
}

header ul li a:hover {
  -webkit-transition: color 0.25s ease-in;
  -moz-transition: color 0.25s ease-in;
  -o-transition: color 0.25s ease-in;
  -ms-transition: color 0.25s ease-in;
  transition: color 0.25s ease-in;
  color: #307EA9;
}