.icons {
  top:50%;
  left: 0;
  transform: translateY(-50%);
  position: fixed;
  z-index: 100;
}
.icons ul {
  padding: 0;
  padding: initial;
}
.icons ul li {
  height: 40px;
  width: 40px;
  list-style-type:none;
  padding-left: 12px;
  padding-top: 6px;
  margin-top: 5px;
  color: #fff;
}
.facebook {
  background-color: #3b5998;
}
.linkedin {
  background-color: #007bb5;
}
.youtube {
  background-color: #ff0000;
}
.twitter {
  background-color: #55acee;
}
.instagram {
  background-color: #ff4800;
}

.icons ul li:hover {
  padding-left: 30px;
  width: 80px;
  transition: 0.3s;
}