/* your styles go here */

.github-text-gradient {
  background: linear-gradient(
    270.97deg,
    #ffe580 -21.36%,
    #ff7571 -2.45%,
    #ea5dad 26.84%,
    #c2a0fd 64.15%,
    #3bf0e4 108.29%,
    #b2f4b6 159.03%
  );
}

.instagram-gradient-old {
  background: linear-gradient(
    45deg,
    #405de6,
    #5851db,
    #833ab4,
    #c13584,
    #e1306c,
    #fd1d1d
  );
}

.insta {
  color: linear-gradient(
    45deg,
    #405de6,
    #5851db,
    #833ab4,
    #c13584,
    #e1306c,
    #fd1d1d
  );
}

.instagram-gradient {
  cursor: pointer;
  background: pink;
  background: -webkit-radial-gradient(
    33% 100% circle,
    #515ecf 4%,
    #9b36b7 30%,
    #d92e7f 62%,
    #f15245 85%,
    #fed373
  );
  background: radial-gradient(
    circle at 33% 100%,
    #ff3be7 4%,
    #ff3be7 28%,
    #03ffe8 62%,
    #f15245 85%,
    #fed373
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.instagram-gradient:hover {
  background: -webkit-radial-gradient(
    33% 100% circle,
    #405de6 4%,
    #5851db 30%,
    #833ab4 62%,
    #c13584 85%,
    #e1306c 92%,
    #fd1d1d
  );
  background: radial-gradient(
    circle at 33% 100%,
    #405de6 4%,
    #5851db 30%,
    #833ab4 62%,
    #c13584 85%,
    #e1306c 92%,
    #fd1d1d
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.github {
  cursor: pointer;
  background: pink;
  background: -webkit-radial-gradient(
    33% 100% circle,
    #ffe580 -21.36%,
    #ff7571 -2.45%,
    #ea5dad 26.84%,
    #c2a0fd 64.15%,
    #3bf0e4 108.29%,
    #b2f4b6 159.03%
  );
  background: radial-gradient(
    circle at 33% 100%,
    #ffe580 -21.36%,
    #ff7571 -2.45%,
    #ea5dad 26.84%,
    #c2a0fd 64.15%,
    #3bf0e4 108.29%,
    #b2f4b6 159.03%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.github:hover {
  background: -webkit-radial-gradient(
    33% 100% circle,
    #405de6 4%,
    #5851db 30%,
    #833ab4 62%,
    #c13584 85%,
    #e1306c 92%,
    #fd1d1d
  );
  background: radial-gradient(
    circle at 33% 100%,
    #405de6 4%,
    #5851db 30%,
    #833ab4 62%,
    #c13584 85%,
    #e1306c 92%,
    #fd1d1d
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.linkedin {
  cursor: pointer;
  background: pink;
  background: -webkit-radial-gradient(
    33% 100% circle,
    #03f9ff -21.36%,
    #00c0ff -2.45%,
    #0080ff 26.84%,
    #0040ff 64.15%,
    #0703ff 108.29%,
    #293786 159.03%
  );
  background: radial-gradient(
    circle at 33% 100%,
    #03f9ff -21.36%,
    #00c0ff -2.45%,
    #0080ff 26.84%,
    #0040ff 64.15%,
    #0703ff 108.29%,
    #293786 159.03%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.linkedin:hover {
  background: -webkit-radial-gradient(
    33% 100% circle,
    #0703ff 4%,
    #0040ff 30%,
    #0080ff 62%,
    #00c0ff 85%,
    #03f9ff
  );
  background: radial-gradient(
    circle at 33% 100%,
    #0703ff 4%,
    #0040ff 30%,
    #0080ff 62%,
    #00c0ff 85%,
    #03f9ff
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.credits {
  text-decoration: none;
  color: black;
  size: 10px !important;
  margin: 0 !important;
}