html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #FF9FD4;
}

body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(PXL_20250924_021735551.jpg) center center / cover no-repeat;
  opacity: 0.03;
  /* z-index: -1; */
}

main {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 5;
}

main p {
  text-align: center;
}

@keyframes aough {
  0% {
    transform: scale(1);
  }
  49.99% {
    transform: scale(1.2);
  }
  50% {
    transform: scale(-1, 1);
  }
  99.99% {
    transform: scale(-1.2, 1.2);
  }
  100% {
    transform: scale(1);
  }
}

.aough {
  transition: scale 0.25s;
  scale: 1;
}

.aough.playing {
  animation: aough 0.9074s infinite;
}

.aough:hover {
  scale: 2;
}
.aough.playing:hover {
  scale: 3 0.25;
}

img {
  image-rendering: pixelated;
}