.footer {
  background-color: var(--bg);
  color: var(--text);
  border-top: 1px solid rgba(89, 253, 252, 0.25);
}

.footer-logo {
  color: var(--accent);
  font-family: var(--font-mono);
  font-size: 2rem;
}

.footer-text {
  color: var(--text);

  display: block;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  overflow-wrap: anywhere;
}

.footer-link span {
  overflow-wrap: anywhere;
}
.footer-small {
  color: var(--text);
}

.footer-link {
  color: var(--text);
}

.footer-link i {
  color: var(--accent);
  font-size: 20px;
}

.footer-social-link {
  color: var(--text);
  font-size: 32px;
  line-height: 1;
  transition:
    color 0.3s ease,
    transform 0.3s ease;
}

.footer-link:hover,
.footer-social-link:hover {
  color: var(--accent);
}

.footer-social-link:hover {
  transform: translateY(-2px);
}

.easter-egg {
  display: inline-block;
  font-size: 24px;
  padding-top: 8px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: all 0.25s ease;
}

.easter-egg:hover {
  transform: scale(1.25) rotate(-10deg);
  text-shadow:
    0 0 5px var(--accent),
    0 0 10px var(--accent),
    0 0 20px var(--accent);
}