:root {

  /* Colori */
  --color-bg: #000;
  --color-text: #cecece;
  --color-accent: #adff2f;
  --color-accent-secondary: #aacf72;

  /* font */
  --font-base: "Special Gothic Expanded One", Arial, sans-serif;

}

.main-navbar {
  z-index: 1000;
  background-color: var(--color-bg) !important;
  /* importante per sovrascrivere Bootstrap */
  border-bottom: 1px solid white;
}

.home-link {
  font-family: "Special Gothic Expanded One", Arial, sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: normal !important;
  color: var(--color-text) !important;
  text-decoration: none !important;
  padding: 0.5rem 1rem !important;
  border-bottom: none;
  transition: all 0.2s ease;
}

.home-link:hover {
  color: var(--color-accent) !important;
  /* Effetto hover */
  animation: pulse-border 1s ease-in-out infinite;
}

@keyframes pulse-border {

  0%,
  100% {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  50% {
    border-bottom: 2px solid rgba(255, 255, 255, 1);
  }
}