.social-media-div {
  font-size: 2em;
  margin: 20px 0 0 50px;
}

.icon-button {
  margin-bottom: 10px;
}

.icon-button i {
  color: #ffffff;
  border-radius: 2.6rem;
  cursor: pointer;
  display: inline-block;
  font-size: 1.3rem;
  height: 2.6rem;
  line-height: 2.6rem;
  margin: 0 5px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 2.6rem;
  margin-bottom: 10px;
  transition: 0.2s ease-in;
}

.facebook i {
  background-color: #3b5998;
}

.linkedin i {
  background-color: #0e76a8;
}

.github i {
  background-color: #333;
}

.twitter i {
  background-color: #1da1f2;
}


.stack-overflow i {
  background-color: #f48024;
}

/* Hover Transition */
.twitter i:hover,
.google i:hover,
.github i:hover,
.linkedin i:hover,
.facebook i:hover,
.stack-overflow i:hover,
.medium i:hover {
  background-color: #b83935;
}

/* Media Query */
@media (max-width: 768px) {
  .social-media-div {
    text-align: center;
    margin: 20px 0 0 0px;
  }
}