/* ===== Pulsazione bottone blu #3d44ab ===== */
@keyframes pulse-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(61, 68, 171, 0.6); /* bordo visibile */
  }
  70% {
    box-shadow: 0 0 0 15px rgba(61, 68, 171, 0); /* si espande e scompare */
  }
  100% {
    box-shadow: 0 0 0 0 rgba(61, 68, 171, 0); /* ritorna al punto iniziale */
  }
}

/* Classe da aggiungere al bottone */
.pulse-blue {
  animation: pulse-blue 2s infinite;
  transition: transform 0.2s ease-in-out;
  border: solid 2px #d5e7347a;
}

/* Hover: leggera crescita per enfasi */
.pulse-blue:hover {
  transform: scale(1.03);
}

/* Rimuove bande e adatta il video perfettamente */
#bg-video {
  width: 100vw;
  height: 56.25vw; /* proporzione 16:9 */
  min-height: 100%;
  min-width: 177.77vh; /* proporzione inversa */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none; /* nessuna interazione */
}


/* ===== Pulsazione bottone lime #D4E734 ===== */
@keyframes pulse-lime {
  0% {
    box-shadow: 0 0 0 0 rgba(212, 231, 52, 0.6); /* bordo visibile */
  }
  70% {
    box-shadow: 0 0 0 15px rgba(212, 231, 52, 0); /* si espande e scompare */
  }
  100% {
    box-shadow: 0 0 0 0 rgba(212, 231, 52, 0); /* ritorna al punto iniziale */
  }
}

/* Classe da applicare al bottone */
.pulse-lime {
  animation: pulse-lime 2s infinite;
  transition: transform 0.2s ease-in-out;
  border: solid 2px #d4e7347a; /* bordo leggermente trasparente */
}

/* Hover: leggera crescita per enfasi */
.pulse-lime:hover {
  transform: scale(1.03);
}


.font-accent {
    font-family: 'Comfortaa', cursive;
}