.socialmedia {
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  margin:0;
  padding:0;
  display:flex;
}

.socialmedia li {
  list-style: none;
}

.socialmedia li a {
  position: relative;
  width:30px;
  height:30px;
  display:block;
  text-align:center;
  margin:0 10px;
  border-radius: 50%;
  padding: 6px;
  box-sizing: border-box;
  text-decoration:none;
  box-shadow: 0 10px 15px rgba(0,0,0,0.3);
  background: linear-gradient(0deg, #ddd, #fff);
  transition: .5s;
}

.socialmedia li a:hover {
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  text-decoration:none;
}

.socialmedia li a .fab {
  width: 100%;
  height:100%;
  display:block;
  background: linear-gradient(0deg, #fff, #ddd);
  border-radius: 50%;
  line-height: calc(35px - 12px);
  font-size:16px;
  color: #262626;
  transition: .5s;
}

.socialmedia li:nth-child(1) a:hover .fab {
  color: green;
}

.socialmedia li:nth-child(2) a:hover .fab {
  color: #00aced;
}

.socialmedia li:nth-child(3) a:hover .fab {
  color: #dd4b39;
}

.socialmedia li:nth-child(4) a:hover .fab {
  color: #007bb6;
}

.socialmedia li:nth-child(5) a:hover .fab {
  color: #e4405f;
}

.socialmedia li:nth-child(6) a:hover .fab {
  color: orange;
}

.socialmedia li:nth-child(7) a:hover .fab {
  color: blue;
}