.wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 1s;
  perspective: 3000px;
  transform-style: preserve-3d;
}
.wrapper .page {
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 0;
    transform: scaleY(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: all .5s ease-in;
	will-change: transform;
}
.wrapper.active-page1 {
	transform: translateY(0%);
}
.wrapper.active-page1 .page.page1 {
	transform: scaleY(1);
	opacity: 1;
}
.wrapper.active-page2 {
  transform: translateY(-100%);
}
.wrapper.active-page2 .page.page2 {
  transform: scaleY(1);
	opacity: 1;
}
.wrapper.active-page3 {
  transform: translateY(-200%);
}
.wrapper.active-page3 .page.page3 {
  transform: scaleY(1);
	opacity: 1;
}
.wrapper.active-page4 {
  transform: translateY(-300%);
}
.wrapper.active-page4 .page.page4 {
  transform: scaleY(1);
	opacity: 1;
}
.wrapper.active-page5 {
  transform: translateY(-400%);
}
.wrapper.active-page5 .page.page5 {
  transform: scaleY(1);
	opacity: 1;
}
.wrapper.active-page6 {
  transform: translateY(-500%);
}
.wrapper.active-page6 .page.page6 {
  transform: scaleY(1);
	opacity: 1;
}
.wrapper.active-page7 {
  transform: translateY(-600%);
}
.wrapper.active-page7 .page.page7 {
  transform: scaleY(1);
	opacity: 1;
}
.wrapper.active-page8 {
  transform: translateY(-700%);
}
.wrapper.active-page8 .page.page8 {
  transform: scaleY(1);
	opacity: 1;
}
.wrapper.active-page9 {
  transform: translateY(-800%);
}
.wrapper.active-page9 .page.page9 {
  transform: scaleY(1);
	opacity: 1;
}
.wrapper.active-page10 {
  transform: translateY(-900%);
}
.wrapper.active-page10 .page.page10 {
  transform: scaleY(1);
	opacity: 1;
}
.nav-panel ul {
  list-style-type: none;
}
.nav-panel ul .nav-btn {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition:  transform 0.3s;
  will-change:  transform;
}
.nav-panel .scroll-btn {
  position: absolute;
  border-left: none;
  border-bottom: none;
  cursor: pointer;
  transform-origin: 50% 50%;
  transition: all 0.3s;
}