html {
  background: #222;
  color: white;
}

* {
  transition: all .125s ease-in-out;
}

@-moz-keyframes bump {
  33% {
    -moz-transform: scale(1.3);
  }
  66% {
    -moz-transform: scale(0.8);
  }
  100% {
    -moz-transform: scale(1.0);
  }
}

@-webkit-keyframes bump {
  33% {
    -webkit-transform: scale(1.3);
  }
  66% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.0);
  }
}

@keyframes bump {
  33% {
    transform: scale(1.3);
  }
  66% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.0);
  }
}

div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fab{
  font-size:6vw;
}
p{
  font-size:1vw;
  text-align:center;
}
a{
  color: inherit;
  margin-left: 3vw;
  margin-right: 3vw;
}

.fab:not(:first-child):not(:last-child) {
  margin-left: 5vw;
  margin-right: 5vw;
}

.fab:hover {
  -webkit-animation: bump .25s ease-in-out;
  -moz-animation: bump .25s ease-in-out;
  animation: bump .25s ease-in-out;
  cursor:pointer;
}

.fab:hover {
  color: #3B5998;
}