/* ===========================================
   BESTLINK BACKGROUND IMAGE SLIDESHOW
   REMARK:
   - Uses 5 images
   - Changes every 3 seconds
   - Smooth crossfade
   - Maroon glossy overlay preserved
=========================================== */

body {
  position: relative;
  color: cyan;
  overflow-x: hidden;
}

/* Slideshow layer */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-size: cover;
  background-position: center;
  animation: bestlinkSlideshow 15s infinite;
  z-index: -2;
}

/* Maroon glossy overlay */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(90, 10, 20, 0.75),
    rgba(40, 5, 10, 0.85),
    rgba(120, 20, 30, 0.65)
  );
  backdrop-filter: blur(2px);
  z-index: -1;
}

/* Slideshow animation */
@keyframes bestlinkSlideshow {
  0% {
    background-image: url("Marvy in BCA.png");
  }
  20% {
    background-image: url("mgnfy.png");
  }
  40% {
    background-image: url("kjkbjnlk.png");
  }
  60% {
    background-image: url("Gospel 112.png");
  }
  80% {
    background-image: url("Gideon in BSA1.png");
  }
  100% {
    background-image: url("CEO Bestlink computer Academy.png");
  }
}


@keyframes shimmer {
  from { background-position: 0% }
  to { background-position: 200% }
}

.main-header {
  background: rgba(30,5,8,0.8);
  backdrop-filter: blur(10px);
}

.logo-circle {
  background: linear-gradient(145deg, #ffb3b3, maroon);
  box-shadow: 0 0 12px rgba(255,120,120,0.6);
}

.hero {
  padding: 110px 10%;
  text-align: center;
}

.hero h2 {
  font-size: 2.4rem;
  color: #ffb3b3;
}