* {
  box-sizing: border-box;

}

html, body {
  margin: 0px;
  padding: 0px;
}


html, body {
    overflow-x: clip;
}

html {
  scroll-behavior: smooth;
}

section {
  scroll-margin-top: 10px; /* your header height */
}

body {
    font-family: 'Poppins', sans-serif;
  
}
/* Initial hidden state */
/* Initial hidden state */
.reveal {
  opacity: 0;
  transform: translateY(60px); /* larger movement */
  transition: all 1.4s cubic-bezier(0.22, 0.61, 0.36, 1); /* slower + smoother */
}

/* When visible */
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}