.fa {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 30px;
  width: 10px;
  height: 10px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius:5px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  color: white;
  background: #333;
}
.fa-facebook:hover{
  background:  #3B5998;
}

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

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

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

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

.fa-instagram {
  background: #333;
  color: white;
}
.fa-instagram:hover{
  background: linear-gradient( #f9ce34, #ee2a7b,#6228d7);
}