html, body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth; /* 👈 Smooth scroll */
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: 100%;
  font-family: sans-serif;
}

.section {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  scroll-snap-align: start;
}

/* Backgrounds – update filenames if needed */
.section1 {
  background-image: url('images/20231202-SSBD-Angela-0006-(ZF-1604-45639-1-001).jpeg');
}

.section2 {
  background-image: url('images/IMG_2040.jpeg');
}

.section3 {
  background-image: url('images/20241221-OBBD-Ang Ela -0019.jpeg');
}

.click-button {
  padding: 20px 40px;
  font-size: 24px;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.85);
  color: #000;
  border-radius: 8px;
  transition: background 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.click-button:hover {
  background: #fff;
  transform: scale(1.05);
}