/* Delikatne, falujące tło w barwach Polski — pkkonline.pl */
html,
body {
  min-height: 100%;
}

body {
  position: relative;
  isolation: isolate;
}

body::after {
  content: "";
  position: fixed;
  inset: -6%;
  z-index: 9999;
  pointer-events: none;
  background: url("bg-flag.svg") center / 115% 115% no-repeat;
  opacity: 0.065;
  mix-blend-mode: multiply;
  transform: translate3d(0, 0, 0) scale(1.03);
  animation: pkkFlagWave 16s ease-in-out infinite alternate;
  will-change: transform, background-position;
}

@keyframes pkkFlagWave {
  0% {
    transform: translate3d(-1.2%, -0.5%, 0) scale(1.035) skewY(-0.35deg);
    background-position: 46% 48%;
  }
  50% {
    transform: translate3d(0.8%, 0.7%, 0) scale(1.055) skewY(0.25deg);
    background-position: 53% 52%;
  }
  100% {
    transform: translate3d(-0.4%, 1.1%, 0) scale(1.04) skewY(-0.15deg);
    background-position: 49% 55%;
  }
}

@media (max-width: 768px) {
  body::after {
    inset: -10%;
    opacity: 0.055;
    background-size: auto 112%;
    animation-duration: 20s;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::after {
    animation: none;
    transform: none;
  }
}