/* Link icons styling */
.link-icon {
  width: 2.2vh;
  height: 2.2vh;
  margin-right: 1.2vh;
  vertical-align: middle;
  opacity: 0.7;
  filter: invert(1) brightness(1.3) contrast(0.8);
}

/* Discord icon should not be inverted */
.discord-icon {
  filter: brightness(1.3) contrast(0.8);
}

.links-list {
  list-style: none;
  padding: 0;
}

.links-list li {
  margin-bottom: 1.2vh;
}

.links-list a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #4ecdc4;
  font-family: "Pixellari", sans-serif;
  font-size: 1.4rem;
}

.links-list a:hover {
  color: #ff6b9d;
  text-shadow: 0 0 5px rgba(255, 107, 157, 0.5);
}

.links-list a:hover .link-icon {
  opacity: 1;
  filter: invert(1) brightness(1.5) contrast(1);
}

.links-list a:hover .discord-icon {
  opacity: 1;
  filter: brightness(1.5) contrast(1);
}

.discord-tag {
  display: inline-flex;
  align-items: center;
  color: #4ecdc4;
  font-family: "Pixellari", sans-serif;
  font-size: 1.4rem;
  cursor: pointer;
}

.discord-tag:hover {
  color: #ff6b9d;
  text-shadow: 0 0 5px rgba(255, 107, 157, 0.5);
}

.discord-tag:hover .discord-icon {
  opacity: 1;
  filter: brightness(1.5) contrast(1);
}