html{
	scroll-behavior: smooth;
}
.parallax {
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
.parallax .content {
  position: relative;
  z-index: 10;
  padding: 50px;
  text-align: center;
}
 .anim-section {
    opacity: 0;
    transition: opacity 1s ease, transform 1s ease;
}
 .in-view {
    opacity: 1;
}
 .out-of-view {
    opacity: 0;
 }