body {
  background: #f5f5f5;
  font-family: 'Raleway', sans-serif;
  color: black;
}

#photo-container {
  margin: 32px;
  text-align: center;
}

#photo {
  border-radius: 50%;
  max-width: 300px;
  width: 100%;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#name-container {
  text-align: center;
}

#name {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 24pt;
}

#contact-options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -24px;
}

#contact-options li {
  display:block;
  margin: 8px;
  background-repeat: no-repeat;
  background-position: 8px 8px;
  background-size: 24px;
  padding-left: 40px;
  padding-right: 8px;
  height: 40px;
}

#contact-options a {
  text-decoration: none;
  font-size: 18px;
  color: black;
  line-height: 40px;
}

#contact-options a:hover {
  color: #666;
}

#contact-options li.email {
  background-image: url("at.png");
}

#contact-options li.github {
  background-image: url("github-face.png");
}

#contact-options li.linkedin {
  background-image: url("linkedin.png");
}