div.links a {
  text-decoration: none;
  margin: 10px;
}

svg {
  width: 32px;
  height: 32px;
}

svg:hover {
  transform: scale(1.3);
  transition: transform .2s;
}

svg#github, svg#bluesky, svg#mastodon, svg#twitter {
  fill: #000;
}

svg path#gitlab1 {
  fill: #000;
}

svg#gitlab:hover path#gitlab1 {
  fill: #E24329;
}

svg path#gitlab2, svg path#gitlab4 {
  fill: #333;
}

svg#gitlab:hover path#gitlab2, svg#gitlab:hover path#gitlab4 {
  fill: #FC6D26;
}

svg path#gitlab3 {
  fill: #999;
}

svg#gitlab:hover path#gitlab3 {
  fill: #FCA326;
}

svg#github:hover {
  fill: #612780;
}

svg#bluesky:hover {
  fill: #0085ff;
}

svg#mastodon:hover {
  fill: #5e52e9;
}

svg#twitter:hover {
  fill: #1DA1F2;
}

svg#stackoverflow path#stackoverflow2 {
  fill: #555;
}

svg#stackoverflow:hover path#stackoverflow1 {
  fill: #BCBBBB;
}

svg#stackoverflow:hover path#stackoverflow2 {
  fill: #F48024;
}