.fa {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 1em;
  width: 1em;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  color: white;
  box-sizing: content-box;
  line-height: 1;
  position: relative;
}

.fa:hover {
    opacity: 0.7;
}

/* File icon needs specific adjustments to display properly */
.fa-file-pdf-o {
  font-size: 0.95em;
  line-height: 0;
  background: #d93d66;
  color: white;
  padding-left: 10.5px;
  padding-right: 9.5px;
}

/* Website icon */
.fa-globe {
  background: #4285f4;  /* Keep the same blue color */
  color: white;
}

/* Social media icons */
.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-github {
  background: #000000;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-y-combinator {
  background: #ff6600;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-file {
  background: #d93d66;
  color: white;
}