/* =====================================================================
   MAIN.CSS
   Vezerlo fajl: itt csak a betoltesi sorrend es kozponti szervezes van.
   ===================================================================== */

.brand-mark {
  display: block;
  flex: 0 0 auto;
  filter: sepia(1);
  opacity: 0.82;
}

.brand-mark.is-brand-color-pulse {
  animation: brand-color-pulse 1.85s ease-in-out 1;
}

@keyframes brand-color-pulse {
  0% {
    filter: sepia(1);
    opacity: 0.82;
  }

  44% {
    filter: sepia(0);
    opacity: 1;
  }

  56% {
    filter: sepia(0);
    opacity: 1;
  }

  100% {
    filter: sepia(1);
    opacity: 0.82;
  }
}