/* -- a-propos.html - Page-specific styles -- */

/* Section divider animations */
@keyframes shimmerLine {
  0% {
    background-position: -200% center;
  }

  100% {
    background-position: 200% center;
  }
}

.shimmer-line {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(242, 181, 74, 0.4), transparent);
  background-size: 200% 100%;
  animation: shimmerLine 3s ease-in-out infinite;
}

@keyframes floatDiamond {

  0%,
  100% {
    transform: translateY(0) rotate(45deg);
  }

  50% {
    transform: translateY(-4px) rotate(45deg);
  }
}

.float-diamond {
  animation: floatDiamond 4s ease-in-out infinite;
}