side-links.css

/* Background Styles Only */

@import url('https://fonts.googleapis.com/css?family=Raleway');

.side-links {
  font-family: Raleway, sans-serif;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 9999;
}

.side-link i {
  display: none;
}

.side-link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-bottom: 10px;
  font-size: 14px !important;
  color: white;
  width: 120px;
  padding: 5px 0;
  border-radius: 10px;
  transition: all 0.5s;
}

.side-link:hover,
.side-link:active,
.side-link:focus {
  /* border: 1px solid #fefefe; */
  transform: scale(1.05);
}

.side-link-website {
  background-color: #f2fa;
}

.side-link-linkedin {
  background-color: #1da1f2aa;
}

.side-link-github {
  background-color: #6e5494aa;
}

.side-link-text {
  /* margin-left: 10px; */
  /* font-size: 18px; */
}

.side-link-icon {
  color: white;
  /* font-size: 30px; */
}