/* Material Icons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.material-icons {
  color:    rgb(50, 50, 50);
  position: relative;
  top:      0.3em;
  font-size: 1px;
  width: 24px;
}

/* Rules for using icons as white on a dark background. */
.material-icons.light {
  fill: rgba(255, 255, 255, 1);
}

.material-symbols-rounded {
  color: rgb(50, 50, 50);
  position: relative;
  top: 0.3em;
  font-size: 1px;
  width: 20px;
}

#git-icon {
  height:   24px;
  position: relative;
  top:      0.3em;
}

#cyral-icon {
  padding: 0 3px 0 4px;
  height: 24px;
  position: relative;
  top: 10px;
}

#lac-icon {
  padding: 0 3px 0 4px;
  height: 24px;
  position: relative;
  top: 6px;
}

.svg-material-symbols {
  filter: brightness(0) saturate(100%) invert(100%);
}

.link-svg {
  filter: brightness(0) saturate(100%) invert(100%);
}

.link-svg:hover, .svg-material-symbols:hover {
  filter: brightness(0) saturate(100%) invert(76%) sepia(55%) saturate(529%) hue-rotate(153deg) brightness(98%) contrast(92%);
}