.scroll-space {
  box-sizing: border-box;
  padding-top: 300px;
  height: 1600px;
  color: #fff;
  overflow: hidden;
}
.scroll-space .first {
  background-color: #99FFFF;
  color: white;
  position: absolute;
  top: 140%;
  right: 0px;
  width: 500px;
  height: 500px;
}
.scroll-space .third {
  background-color: #99FFFF;
  color: white;
  position: absolute;
  top: 340%;
  right: 0px;
  width: 500px;
  height: 500px;
}

.fadein {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1.5s;
}
.fadein.fadein-left {
  transform: translate(30px, 0);
  background-color: blue;
  color: white;
  position: absolute;
  top: 200%;
  left: 0px;
  width: 300px;
  height: 300px;
}
.fadein.fadein-right {
  transform: translate(-30px, 0);
}
.fadein.scrollin {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}/*# sourceMappingURL=top.css.map */