/*---- Social Sidebar --- */

.social-icons{
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 1.3rem;
}

.icon{
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: coral;
  transition: width .5s ease;
  cursor: pointer;
  color:#fff;
}

.icon:first-child{
  border-top-right-radius: 5px;
}

.icon:last-child{
  border-bottom-right-radius: 5px;
}

.icon:hover{
  width: 60px;
}

.icon.fb{
  background-color: #3A579A;
}

.icon.in{
  background-color: #a70dcc;
}

.icon.yt{
  background-color: #ff0000;
}

.icon.lk{
  background-color: #0094ff;
}

.icon.ml{
  background-color: #000000;
}

.icon.wa{
  background-color: #2ebd4f;
}